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.

WebGPU Scanning Effect with Depth Maps

4 months ago by deadrabbbbit

Demos Hub

Tagged with

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

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

WebGPU Scanning Effect with Depth Maps

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

Creating Stylized Water Effects with React Three Fiber

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

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

Creating Generative Artwork with Three.js

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

Creating Dynamic Terrain Deformation with React Three Fiber

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

Origami: 12 Free Animated 3D Objects

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

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

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

Exploring a 3D Text Distortion Effect With React Three Fiber

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

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

Recreating a Dave Whyte Animation in React-Three-Fiber

Creating Mirrors in React-Three-Fiber and Three.js

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