Demos

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

webgl×

From our sponsor

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

From our sponsor

Create a Penpot plugin Nov 15-Dec 15 and win cash prizes!

particles three.js webgl

Surface Sampling in Three.js

3 years ago by Louis Hoebregts

glsl ogl slideshow webgl

Create an Abstract Image Slideshow with OGL, GLSL, and GSAP

3 years ago by Francesco Michelini

glsl marble three.js webgl

Magical Marbles in Three.js

3 years ago by Matt Rossman

framebuffer motion-trail three.js typography webgl

Creating a Typography Motion Trail Effect with Three.js

3 years ago by Georgi Nikolov

Shaders on Scroll by Faboolea

glsl scroll three.js webgl

Rock the Stage with a Smooth WebGL Shader Transformation on Scroll

3 years ago by Fabienne Bielmann

particles physics three.js webgl

Tropical Particles Rain Animation with Three.js

4 years ago by Yuri Artiukh

draggable glsl infinite ogl webgl

Creating an Infinite Circular Gallery using WebGL with OGL and GLSL Shaders

4 years ago by Luis Henrique Bizarro

3d distortion loading shape three.js webgl

Rotating Loading Animation of 3D Shapes with Three.js

4 years ago by Yuri Artiukh

blob distortion glsl sphere three.js webgl

Twisted Colorful Spheres with Three.js

4 years ago by Mario Carrillo

geometry metaballs webgl

Drawing 2D Metaballs with WebGL2

4 years ago by Georgi Nikolov

distortion glsl infinite ogl scroll webgl

Creating an Infinite Auto-Scrolling Gallery using WebGL with OGL and GLSL Shaders

4 years ago by Luis Henrique Bizarro

infinite particles react react-three-fiber three.js webgl

Recreating a Dave Whyte Animation in React-Three-Fiber

4 years ago by Matt Rossman

curtains.js page-transition video video-transition webgl

WebGL Video Transitions with Curtains.js

4 years ago by Yuri Artiukh

polygon slideshow three.js webgl

Experimental Triangle Image Transitions with WebGL

4 years ago by Yuri Artiukh

3d glsl three.js typography webgl

Kinetic Typography with Three.js

4 years ago by Mario Carrillo

distortion hover postprocessing three.js webgl

Interactive WebGL Hover Effects

5 years ago by Yuri Artiukh

distortion glsl simplex noise three.js wave webgl

Create a Wave Motion Effect on an Image with Three.js

5 years ago by Mario Carrillo

Soundbasedimagedistortion_featured

audio distortion p5.js Sound webgl

Audio-based Image Distortion Effects with WebGL

5 years ago by Yannis Yannakopoulos

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

ProceduralClouds_featured

procedural three.js webgl

How to Create Procedural Clouds Using Three.js Sprites

5 years ago by Robert Borghesi

Featured Image for How to Unroll Images with Three.js

roll scroll three.js unroll webgl

How to Unroll Images with Three.js

5 years ago by Yuri Artiukh

Featured image for Playing with Texture Projection in Three.js

3d perlin-noise texture three.js webgl

Playing with Texture Projection in Three.js

5 years ago by Marco Fugaro

Apple Fifth Avenue Cube featured image

cube glass regl webgl

How to Create the Apple Fifth Avenue Cube in WebGL

5 years ago by Lorenzo Cadamuro

$Featured image for the tutorial Scroll, Refraction and Shader Effects with Three.js and React$

distortion parallax react react-three-fiber scroll three.js webgl

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

5 years ago by Paul Henschel

Tutorial Physics with cannonjs and three.js

3d cannon.js menu physics three.js typography webgl

Building a Physics-based 3D Menu with Cannon.js and Three.js

5 years ago by Arno Di Nunzio

light three.js time-lapse webgl

High-speed Light Trails in Three.js

5 years ago by Daniel Velasquez

distortion page-transition slideshow three.js webgl

Creative WebGL Image Transitions

5 years ago by Yuri Artiukh

3d canvas distortion hover slideshow three.js webgl

Making Gooey Image Hover Effects with Three.js

5 years ago by Arno Di Nunzio

distortion glsl hover motion-trail three.js webgl

How to Create Motion Hover Effects with Image Distortions using Three.js

5 years ago by Niccolò Miranda

3d Mixamo three.js webgl

How to Create an Interactive 3D Character with Three.js

5 years ago by Kyle Wetton

3d blur generative-art geometry three.js webgl

Simulating Depth of Field with Particles using the Blurry Library

5 years ago by Domenico Bruzzese

distortion fluid hover ogl webgl

Mouse Flowmap Deformation with OGL

5 years ago by Robin Delaporte

3d blender customizer three.js webgl

How to Build a Color Customizer App for a 3D Model with Three.js

5 years ago by Kyle Wetton

audio three.js visualizer webcam webgl

How to Create a Webcam Audio Visualizer with Three.js

5 years ago by Ryota Takemoto

« Previous 1 2 3 Next »