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

perlin-noise×
framer motionglslperlin-noisereact-three-fiberThree.js

How to Code a Shader Based Reveal Effect with React Three Fiber & GLSL

6 months ago by Colin Demouge

glslOGLperlin-noise

Creating an ASCII Shader Using OGL

6 months ago by Andrico Karoulla

3DCloth_featured
3Dcannon.jsclothperlin-noisephysicsslideshowThree.jsWebGL

How to Create a Physics-based 3D Cloth with Cannon.js and Three.js

5 years ago by Arno Di Nunzio

Featured image for Playing with Texture Projection in Three.js
3Dperlin-noisetextureThree.jsWebGL

Playing with Texture Projection in Three.js

5 years ago by Marco Fugaro

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