Codrops
  • All Posts
  • Demos Hub
  • Webzibition
  • The Collective

Demos Hub

Our curated collection of 500+ free demos, prototypes, animations, templates, layouts, UI styles, and experimental design concepts. Download and use freely under MIT.

Tagged with

parallax×
locomotive-scrollparallaxscroll

Horizontal Smooth Scroll Layouts

4 years ago by Manoela Ilic

draggablenavigationparallaxscrollslider

Crafting a Scrollable and Draggable Parallax Slider

4 years ago by Ruud Luijten

Cutoutlayout_featured
clip-pathgridparallax

Crafting a Cutout Collage Layout with CSS Grid and Clip-path

5 years ago by Bri Camp Gomez

Featured image for the tutorial Scroll, Refraction and Shader Effects with Three.js and React
distortionglslparallaxreactreact-three-fiberscrollthree.jswebgl

Scroll, Refraction and Shader Effects in Three.js and React

5 years ago by Paul Henschel

carouselhoverparallaxreactsliderslideshow

React Slider with Parallax Hover Effects

6 years ago by Ryan Mulligan

gridparallaxslideshow

CSS Grid Layout Slideshow

8 years ago by Manoela Ilic

clip-pathparallax

Little Fragments: Creating a Simple Image Poster Effect

8 years ago by Manoela Ilic

Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Demos Hub
  • Webzibition
  • The Collective
  • CSS Reference
  • Freebies
  • About
  • Get in touch
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • GitHub
  • Bluesky
  • Instagram
  • Facebook
  • Telegram
  • Mastodon
  • X
  • RSS Feed
  • Proudly hosted by Liquid Web hosting Liquid Web logo
  • Content delivered by
  • © Codrops 2025
Support us on Patreon logo