A morphing dropdown that animates according to the size of its content by using css and jQuery as seen on stripe.com website.
Line Maker is a plugin for creating and animating decorative lines on websites. This plugin shows easy way for adding all kinds of lines with different thicknesses and colors, in vertical or horizontal direction, and animate them.
A tutorial about creating card deck style dropdown by using CSS3 transitions and jQuery.
An experimental letter animation made with SVG and anime.js based on the Dribbble shot "Shading Letters in Illustrator".
A tutorial about creating simple and nice looking accordion by using jQuery and CSS.
Product Builder is a customizable and responsive product builder for your online store by using CSS and jQuery.
A tutorial about creating a simple hamburger menu example using HTML, CSS and jQuery.
A tutorial about creating animated stacked bar charts with D3.js
This animated chart is an interactive and graphically in line with the rest of the UI.
A tutorial about creating an accessible modal dialog with practical tips.
A floating cart that slides in when the user decides to buy an item.
A tutorial on how to create multi-layer page reveal effects with a couple of ideas for inspiration.
Smooth scrolling is a user interface pattern that progressively enhances the default in-page navigation experience, animating the change of position within the scroll box (the viewport, or a scrollable element) from the location of the activated link to the location of the destination element indicated in the hash fragment of the link URL.
A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text.