Lists (1)
Stars
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.
A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.
A set of simple round icon hover effects with CSS transitions and animations for your inspiration.
Some creative and modern button styles and effects for your inspiration.
A tutorial on how to create some subtle and modern caption hover effects.
A tutorial on how to create a mobile-friendly and responsive expanding search bar.
An on scroll effect template that animates the sides of sections once they are in the viewport.
A set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the progress indication on one side of the button while rotating t…
Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items.
Hover effect as seen on The Christmas Experiments website using SVG for the shape and Snap.svg for the animations.
Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore some effects for fullscreen overlays.
100% width tabbed content with some example media queries for smaller screens.
A simple page preloading animation based on the effect seen on [Fontface Ninja](http://fontface.ninja/)
Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations.
Various hover tooltip styles, shapes and effects for your inspiration.
A simple effect idea for a search input that morphs into a fullscreen overlay. The idea is to enlarge the search input and show some relevant content or search results.
Some inspiration for drag and drop interactions for the modern UI.
A collection of dialog effects using CSS (and SVG) animations.
A layout with a fullscreen header that slides up to reveal a content area with an image grid.
Some ideas for modern and subtle button styles and effects
A fun experimental coloring concept where a color droplet can be dragged from a palette and dropped on designated areas in a website mockup.
A basic responsive product grid layout with comparison functionality and a slide-in effect.
A simple menu with multiple levels and an optional breadcrumb navigation and back button.
A set of inspirational, highly experimental distortion effects for buttons using SVG filters. By Adrien Denat.
Some little ideas for bouncy and playful tooltip shapes and animations with SVG and anime.js. Among other styles, we use shape morphing and transform.
Some inspiration for menu hover effects.
Scroll, Refraction and Shader Effects in Three.js and React
Some ideas for CSS-only button hover styles and animations
Minimalist Shop with Browser View Transitions API and Astro for a smoother navigation experience.
A dynamic tooltip animation with various reveal effects, comprised of different amounts of fragments appearing.