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

3D folding panel in CSS

A secondary content panel that folds flat, powered by CSS Transformations and jQuery. A tutorial by CodyHouse.

3D folding panel in CSS

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

Motion blur effect with SVG

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.

Motion blur effect with SVG

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

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