A collection of Three.js Demos

Home Docs

basics

Rotating Cube
Sphere Texture
Wireframe Toggle
Torus Knot
Ambient + Directional Light
Grid + Axes Helpers
Points Cloud
Axes + Orbit Controls
Plane Shadows
Normals Material
Instanced Grid
Box Wireframe
Materials Gallery
Primitives Wall

lighting

Point Light Playground
Directional Shadow Visualizer
Spotlight Follow Cursor
Flickering Torch
Sunrise-to-Sunset
Multiple Light Blending
Disco Lights
Volumetric Light Shafts
Dynamic Soft Shadows
Neon Glow Text

Demos

basics

Rotating Cube
Sphere Texture
Wireframe Toggle
Torus Knot
Ambient + Directional Light
Grid + Axes Helpers
Points Cloud
Axes + Orbit Controls
Plane Shadows
Normals Material
Instanced Grid
Box Wireframe
Materials Gallery
Primitives Wall

lighting

Point Light Playground
Directional Shadow Visualizer
Spotlight Follow Cursor
Flickering Torch
Sunrise-to-Sunset
Multiple Light Blending
Disco Lights
Volumetric Light Shafts
Dynamic Soft Shadows
Neon Glow Text

Dynamic Soft Shadows

Compare shadow softness techniques and tweak softness.

← Back

About

A curated collection of Three.js demos showcasing WebGL and 3D graphics — lighting, materials, geometry, and interactive examples to learn and explore Three.js.

Explore

All demos
Docs

Links

Three.js Docs
Three.js Examples
WebGL API (MDN)

© 2025 Three.js Demos