Demos

Demos

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

distortion page-transition slideshow three.js webgl

Creative WebGL Image Transitions

5 years ago by Yuri Artiukh

Tagged with

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

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

Rock the Stage with a Smooth WebGL Shader Transformation on Scroll

Tropical Particles Rain Animation with Three.js

Rotating Loading Animation of 3D Shapes with Three.js

Twisted Colorful Spheres with Three.js

Recreating a Dave Whyte Animation in React-Three-Fiber

Experimental Triangle Image Transitions with WebGL

Kinetic Typography with Three.js

Interactive WebGL Hover Effects

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

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

How to Create Procedural Clouds Using Three.js Sprites

How to Unroll Images with Three.js

Playing with Texture Projection in Three.js

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

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

High-speed Light Trails in Three.js

Creative WebGL Image Transitions

Making Gooey Image Hover Effects with Three.js

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

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

Simulating Depth of Field with Particles using the Blurry Library

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

How to Create a Webcam Audio Visualizer with Three.js

A Configurator for Creating Custom WebGL Distortion Effects

Creating Grid-to-Fullscreen Animations with Three.js

Pulling Apart SVGs with Reusable WebGL Components Using React-three-fiber

How to Create a Sticky Image Effect with Three.js

Exploding 3D Objects with Three.js

How to Create Smooth WebGL Transitions on Scroll using Phenomenon

Buildings Wave Animation with Three.js

Interactive Particles with Three.js

Animated Mesh Lines

Interactive Animated Landscape

Interactive Repulsion Effect with Three.js