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

2 months ago by deadrabbbbit

Demos Hub

Tagged with

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

Creating Generative Artwork with Three.js

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

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

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

Exploring a 3D Text Distortion Effect With React Three Fiber

Model Texture Transition and Procedural Radial Noise using WebGL

Learn to build web apps with Next.js, the world's most popular full-stack framework, in this course on Scrimba.

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

Generate & deploy to Vercel with 1 click. Next.js 14, Typescript, TailwindCSS + Shadcn UI

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