Animated page transition with Ajax

A tutorial that explains how to create an ajax powered page transition, with a slide-in content animation triggered by a side navigation.

Animated page transition with Ajax

Product grid with filter system

A ready-made example of a product grid with filtering system using Isotope. Tutorial by Codrops.

Product grid with filter system

Page scroll effects

A mini-library including 8 page scroll effects you can use for your silders. A little gem by CodyHouse.

Page scroll effects

ReadRemaining.js jQuery plugin

ReadRemaining.js is a jQuery plugin to tell your readers how long they’ll need to get through all of your article.

ReadRemaining.js jQuery plugin

Grid item animation layout

A responsive, magazine-like website layout with a grid item animation effect that happens when opening the content.

Grid item animation layout

Layzr.js - Lazy load plugin

Layzr.js is a small, fast, modern, and dependency-free library for lazy loading images.

Layzr.js – Lazy load plugin

Flipside - Button to modal

Flipside is a button that seamlessly transitions from action to confirmation created with few lines of CSS and jQuery.

Flipside – Button to modal

Trampoline effect with CSS and SVG

A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background like a trampoline.

Trampoline effect with CSS and SVG

Mobile menu animations

Three awesome menu animations for mobile devices made with just few lines of CSS. Designed and coded by Virgil Pana.

Mobile menu animations

Datedropper - jQuery plugin

Datedropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields. Coded by Felice Gattuso.

Datedropper – jQuery plugin

Morphing modal window

A call-to-action button that animates and turns into a full-size modal window with a morphing effect. Created by CodyHouse team.

Morphing modal window

Content filter with CSS & jQuery

An awesome tutorial explaining how to create a slide-in filter panel powered by CSS and jQuery. Created by CodyHouse.

Content filter with CSS & jQuery

3D Curtain effect

A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.

3D Curtain effect