Web Design Inspiration with Code Snippets
Handpicked code snippets you can use in your web projects. Find website design inspiration with code samples. Scroll down and find more inspiration or use the search to find something more specific.
Micro-interaction is the subtle animation or visual responses your users see when they perform certain actions on your website or web app. They can be seen from the humble button to the toggle switch.
June 21, 2018
A subtle animated notification tooltip that shows up when one of the menu items from the navigation bar is activated. This snippet was designed by Yanni.
June 13, 2018
This handy CTA button will zoom in and show a glint effect in the top right corner on hover, it was designed by Antonio.
June 12, 2018
A simple micro-interaction to show the transition from a add(+) icon to a close(x) icon designed by Andreas Storm.
December 19, 2017
Here is a spectacular text effect designed by Rik Schennink, as you type into the text field the characters emits a sparkly fairy dust like effect. This effect will...
March 21, 2017
Here is a simple hamburger menu icon to a close animation designed by Dicson. When you click on it the hamburger menu collapses to a single line and then...