Stars
A responsive horizontal drop-down menu inspired by the Microsoft.com menu.
A simple, nestable accordion with some examples of nesting levels and a media query.
Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body.
A responsive vertical timeline layout with icons and example media queries.
A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices.
A responsive product grid layout with some UI details for inspiration.
This is a simple tooltip menu that will show a tooltip submenu when hovering over an item. The submenu will either appear above or below the main menu, depending on where more space is available. U…
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.
100% width tabbed content with some example media queries for smaller screens.
A responsive grid gallery based on the [Google Chromebook getting started](https://gweb-gettingstartedguide.appspot.com/) guide gallery. In this Blueprint we use Masonry for the grid and 3D transfo…
A basic responsive product grid layout with comparison functionality and a slide-in effect.
A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.
A simplistic form with inputs shown one at a time. Inspired by the form seen on the end of the [PageLanes website](http://www.pagelanes.com/).
Inspiration for revealing content by morphing the action element.
Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects.
Some inspiration and modern ideas for subtle hover effects.
An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form fields.
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.
The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh's Dribbble shot and was made using Snap.svg and morphing SVG paths.
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.
Adding elasticity with SVG shape animations for enhanced UI interactions.
Simple styles and effects for enhancing text input interactions.
Some simple ideas for enhancing the checkout process.
Some ideas for modern and subtle button styles and effects