TwentyTwenty works by stacking two images on top of each other. As the slider moves across the image, it makes use of the CSS clip property to trim the image on the left. This allows the image on the right to show through the container.
2. Material Design Hierarchical Display
Hierarchical Timing is a meaningful transition introduced in Google Material Design that focuses your users attention in an app or how an app element got from point A to point B.
Chocolat.js enables you to display one or several images staying on the same page. The choice is left to the user to group together a series of pictures as a link, or let them appear as thumbnails.
4. Filterable Product Grid
A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.
Introducing Readable, a jQuery plugin to help you create optimally sized paragraphs for maximum readability. Toggle the switch in the lower right corner to see it in action.
FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.
Pintsize is built with designers in mind. It aims to make building custom responsive CSS grids used in your designs simple and accurate while maintaining a flexible system for developers.
10. Color Extraction Effect
A little slideshow with a color palette creation effect using CSS Filters and Vibrant.js.
11. Quick [select]
A jQuery pluugin for quick selection of common options in select boxes. Selectual.
Barba.js is a small, flexible and dependency free library that helps you creating fluid and smooth transitions between your website’s pages.
A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations.