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.

From our sponsor

Turn your creations into recurring revenue by selling templates on the Wix Studio Marketplace.

glsl three.js typography

Animating Letters with Shaders: Interactive Text Effect with Three.js & GLSL

2 days ago by Paola Demichelis

grid three.js webgl

Building an Interactive Image Grid with Three.js

1 week ago by Samuel Jarry

3d glass react-three-fiber refraction three.js webgl

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

2 weeks ago by Matt Park

3d glass procedural three.js tsl webgpu

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

2 weeks 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

3 weeks ago by Thalles Lopes

3d glsl three.js webgl

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

1 month ago by Jatin Chopra

react-three-fiber three.js webgl

Building Efficient Three.js Scenes: Optimize Performance While Maintaining Quality

1 month ago by Niccolò Fanton

cursor p5.js sketch

Building a Playful Stop-Motion Crayon Cursor in p5.js

2 months ago by Jorge Toloza

Players Club: A Free Astro Template for Showcasing Music Artists

2 months ago by Manoela Ilic

3d three.js webgl

How to Make The Fluffiest Grass With Three.js

2 months ago by The Ebenezer

3d circle three.js typography

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

2 months ago by David Faure

WebGL Shader Techniques for Dynamic Image Transitions

2 months ago by Arlind Aliu

generative-art react-three-fiber three.js webgl

Creating Generative Artwork with Three.js

2 months ago by Eduard Fossas

shining particles mask by dominik fojcik

3d gpgpu postprocessing three.js webgl

Crafting a Dreamy Particle Effect with Three.js and GPGPU

3 months ago by Dominik Fojcik

canvas morphing

Creating the Morphing Effect of the Luma Dream Machine Website

4 months ago by Jean Mazouni

glsl infinite ogl scroll slideshow webgl

How to Create a WebGL Rotating Image Gallery using OGL and GLSL Shaders

4 months ago by Oluwaseyi Oluwadare

framer motion glsl perlin-noise react-three-fiber three.js

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

4 months ago by Colin Demouge

3d react-three-fiber three.js webgl

Creating Dynamic Terrain Deformation with React Three Fiber

4 months ago by Oguzhan Tufenk

grid shopping-cart

From Product to Cart: Adding Guiding Animations to the Shopping Experience

4 months ago by Andrea Biason

Consecutive Scroll Animations with One Element

4 months ago by Manoela Ilic

filter framer motion gooey react svg

How to Create a Gooey Search Interaction with Framer Motion and React

4 months ago by Oguzhan Tufenk

glsl ogl perlin-noise

Creating an ASCII Shader Using OGL

4 months ago by Andrico Karoulla

distortion scroll typography

How to Create an Organic Text Distortion Effect with Infinite Scrolling

5 months ago by Jorge Toloza

3d three.js tsl webgpu

Interactive 3D with Three.js BatchedMesh and WebGPURenderer

5 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

5 months ago by Caio Bassetti

3d grid scroll typography

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

5 months ago by Manoela Ilic

scroll typography

Exploring Playful Context-Aware Animations for Fixed Elements

6 months ago by Manoela Ilic

Exploration of On-Scroll Layout Formations

6 months ago by Manoela Ilic

glsl react-three-fiber three.js webgl

How to Create a PS1-Inspired Jitter Shader with React-Three-Fiber

7 months ago by Oguzhan Tufenk

distortion glsl hover three.js webgl

Grid Displacement Texture with RGB Shift using Three.js GPGPU and Shaders

7 months ago by Jean Mazouni

distortion filter scroll svg typography

Scroll-based SVG Filter Animations on Text

7 months ago by Manoela Ilic

3d three.js webgl

Interactive 3D Device Showcase with Threepipe

8 months ago by Palash Bansal

3d react-three-fiber three.js webgl

Origami: 12 Free Animated 3D Objects

8 months ago by deadrabbbbit

glsl scroll three.js webgl

How to Create Distortion and Grain Effects on Scroll with Shaders in Three.js

8 months ago by Jan Kohlbach

react-three-fiber three.js tsl webgl

How to Create a Liquid Raymarching Scene Using Three.js Shading Language

8 months ago by Ben McCormick

1 2 3 … 16 Next »

All demo authors

Would you like to join us as a contributor? Let us know.