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.

3D×

3D React Three Fiber Three.js WebGL

How To Create Kinetic Image Animations with React-Three-Fiber

1 month ago by Dominik Fojcik

3D Three.js Webflow

Building Interactive 3D Cards in Webflow with Three.js

2 months ago by Franco Beltramella

3D AI game rapier React Three Fiber Three.js

Building a Physics-Based Character Controller with the Help of AI

2 months ago by Ian Curtis

3D carousel GSAP page transition scroll

On-Scroll 3D Carousel

3 months ago by Manoela Ilic

3D blender GSAP Three.js WebGL

Building a Fully-Featured 3D World in the Browser with Blender and Three.js

4 months ago by Andrew Woan

3D glass React Three Fiber reflection refraction Three.js WebGL

Playing with Light and Refraction in Three.js: Warping 3D Text Inside a Glass Torus

5 months ago by Matt Park

From our sponsor

Codrops is hosted by Liquid Web — trusted dedicated servers built for speed and reliability. Get yours today.

3D glass GSAP procedural Three.js TSL webgpu

Rendering a Procedural Vortex Inside a Glass Sphere with Three.js and TSL

5 months ago by MisterPrada

Stylized Water Effects with React Three Fiber

3D React Three Fiber Three.js WebGL

Creating Stylized Water Effects with React Three Fiber

5 months ago by Thalles Lopes

3D glsl Three.js WebGL

Implementing a Dissolve Effect with Shaders and Particles in Three.js

6 months ago by Jatin Chopra

3D Three.js WebGL

How to Make The Fluffiest Grass With Three.js

6 months ago by The Ebenezer

3D circle circular GSAP Three.js typography

Building an On-Scroll 3D Circle Text Animation with Three.js and Shaders

6 months ago by David Faure

shining particles mask by dominik fojcik

3D gpgpu postprocessing Three.js WebGL

Crafting a Dreamy Particle Effect with Three.js and GPGPU

8 months ago by Dominik Fojcik

3D React Three Fiber Three.js WebGL

Creating Dynamic Terrain Deformation with React Three Fiber

9 months ago by Oguzhan Tufenk

From our sponsor

Meco is a new way to read newsletters separate from your inbox

3D Three.js TSL webgpu

Interactive 3D with Three.js BatchedMesh and WebGPURenderer

9 months ago by Christophe Choffel

3D hand tracking Three.js webcam WebGL

Creating a 3D Hand Controller Using a Webcam with MediaPipe and Three.js

10 months ago by Caio Bassetti

3D grid GSAP scroll typography

Staggered (3D) Grid Animations with Scroll-Triggered Effects

10 months ago by Manoela Ilic

3D Three.js WebGL

Interactive 3D Device Showcase with Threepipe

1 year ago by Palash Bansal

3D React Three Fiber Three.js WebGL

Origami: 12 Free Animated 3D Objects

1 year ago by deadrabbbbit

3D react React Three Fiber Three.js WebGL

Exploring a 3D Text Distortion Effect With React Three Fiber

1 year ago by Nine

3D GSAP scroll stack

On-Scroll 3D Stack Motion Effect

1 year ago by Manoela Ilic

From our sponsor

Master JavaScript animation with GSAP—free access to 34 video lessons, projects, and hands-on demos for all levels.

Exploring 3D Effects with 2D Optical Illusions

1 year ago by Nine

3D react React Three Fiber Three.js WebGL

3D Glass Portal Card Effect with React Three Fiber and Gaussian Splatting

2 years ago by Yuri Artiukh

3D grid GSAP scroll

On-Scroll Perspective Grid Animations

2 years ago by Manoela Ilic

3D cannon-es GSAP Three.js WebGL

Crafting a Dice Roller with Three.js and Cannon-es

3 years ago by Ksenia Kondrashova

3D glsl Three.js typography

Rotating Twisted 3D Typography with Three.js and Shaders

3 years ago by Yuri Artiukh

Getting Creative with Infinite Loop Scrolling

3 years ago by Manoela Ilic

Sketch 029: Infinite Loop Scrolling (3D Animation)

3 years ago by Manoela Ilic

From our sponsor

Learn to build web apps with Next.js, the world's most popular full-stack framework, in this course on Scrimba.

3D game Three.js WebGL

How to Add More Fun to a Game: Extending “The Aviator”

3 years ago by Michel Helms

3D hover Motion Trail repetition stack

Sketch 010: Image Motion Trail (Perspective)

3 years ago by Manoela Ilic

3D hover Motion Trail repetition stack

Sketch 009: Image Motion Trail (Perspective)

3 years ago by Manoela Ilic

3D glass postprocessing reflection refraction Three.js WebGL

Creating the Effect of Transparent Glass and Plastic in Three.js

4 years ago by Kelly Milligan

3D hover menu typography

Rotated 3D Letters and Image Hover Effect

4 years ago by Manoela Ilic

3D grid hover magnetic page transition

Magnetic 3D Grid Interaction with Content Preview

4 years ago by Manoela Ilic

3D distortion loading shape Three.js WebGL

Rotating Loading Animation of 3D Shapes with Three.js

5 years ago by Yuri Artiukh

3D glsl Three.js typography WebGL

Kinetic Typography with Three.js

5 years ago by Mario Carrillo

3DCloth_featured

3D cannon.js cloth perlin-noise physics slideshow Three.js WebGL

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

5 years ago by Arno Di Nunzio

1 2 3 Next »