Crafting a Scrollable and Draggable Parallax Slider
by Ruud Luijten
A tutorial on how to build a slider with an interesting parallax effect that you can either scroll or drag through.
+ more#slider
React Slider with Parallax Hover Effects
Walk through the build of a React slider and learn how to implement a parallax hover effect.
+ more
Draggable Menu with Image Grid Previews
by Manoela Ilic
A draggable inline menu with a scattered thumbnail preview of an image grid.
+ more
Draggable Image Strip
by Manoela Ilic
A draggable image strip layout with a content preview powered by Draggabilly and TweenMax.
+ more
Crossroads Slideshow
by Manoela Ilic
An experimental slideshow with an inclined look, three slide previews and a content view on click.
+ more
Zoom Slider
by Manoela Ilic
A simple content slider with depth-like zoom functionality for a predefined area in each slide.
+ more
Motion Blur Effect with SVG
by Lucas Bebber
A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.
+ more
Prism Effect Slider with Canvas
A tutorial on how to create a slider with a "prism" effect using HTML5 canvas globalCompositeOperation and a layering technique.
+ more
Draggable Dual-View Slideshow
by Manoela Ilic
An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.
+ more
Google Grid Gallery
by Manoela Ilic
A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google.
+ more
How to Create a Simple Multi-Item Slider
by Manoela Ilic
A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on
+ more
Slider Pagination Concept
by Manoela Ilic
An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content t
+ more
Elastislide Revised
by Manoela Ilic
Elastislide, the responsive image carousel, has been updated and improved. It can be used vertically or horizontally and a minimun number of visible images can be sp
+ more
Slit Slider Revised
by Manoela Ilic
Slit Slider is a slideshow with a twist: when navigating the slides, the current one will be "cut open" into two slices and moved away, revealing the next or previou
+ more
Slicebox Revised
Slicebox, the jQuery 3D image slider plugin, has been updated. We've done some major improvements and added new features.
+ more
Vertical Showcase Slider with jQuery and CSS Transitions
by Manoela Ilic
A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We'll be using jQuery, CSS Transitions and media
+ more
Happy Birthday! 3 Years of Codrops
by Team Codrops
Happy Birthday, Codrops! We are turning 3 today! We want to thank all of you and share some highlights of the past years.
+ more
Triple Panel Image Slider
by Manoela Ilic
A tutorial about how to create a triple panel jQuery image slider with a 3D look and swipe-like transitions.
+ more