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.

react-three-fiber three.js tsl webgl webgpu

WebGPU Scanning Effect with Depth Maps

2 weeks ago by deadrabbbbit

Demos Hub

Tagged with

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

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

WebGPU Scanning Effect with Depth Maps

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

Building an Interactive Image Grid with Three.js

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

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

Creating Stylized Water Effects with React Three Fiber

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

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

How to Make The Fluffiest Grass With Three.js

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

Creating Generative Artwork with Three.js

Crafting a Dreamy Particle Effect with Three.js and GPGPU

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

Creating Dynamic Terrain Deformation with React Three Fiber

Interactive 3D with Three.js BatchedMesh and WebGPURenderer

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

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

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

Interactive 3D Device Showcase with Threepipe

Origami: 12 Free Animated 3D Objects

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

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

Creating an Animated Displaced Sphere with a Custom Three.js Material

Digital meets Physical: Risograph Printing with WebGL

Shape Lens Blur Effect with SDFs and WebGL

Model Texture Transition and Procedural Radial Noise using WebGL

Creating an Interactive 3D Bulge Text Effect with React Three Fiber

On-Scroll Revealing WebGL Images

Creating Audio-Reactive Visuals with Dynamic Particles in Three.js

Creating an Interactive Mouse Effect with Instancing in Three.js

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

Progressively Enhanced WebGL Lens Refraction

Building a WebGL Carousel with React Three Fiber and GSAP

Mastering Theatre.js Animations: Learn to Create Dynamic Visuals