xiry.

Development · Website

three.js examples

Official gallery of interactive 3D WebGL and WebGPU demonstrations and code

From the Xiry library · Updated 3 October 2026

Visit threejs.org ↗

Three.js Examples is the official showcase repository demonstrating 3D graphics, animations, shaders, and rendering techniques built with three.js. Each demo runs directly in the browser and provides viewable source code for materials, post-processing, physics, and model loading. It serves as a primary reference for web developers wanting to integrate complex 3D visual effects into landing pages and web apps.

What it's for

  • Find interactive 3D hero background animations for landing pages
  • Inspect production code for WebGPU compute shaders and particle systems
  • Learn how to load and render 3D formats like glTF, USDZ, and OBJ in the browser
  • Implement post-processing visual effects like depth of field, bloom, and glitch filters

Features

  • Extensive searchable catalog of interactive 3D visual demos
  • Direct source code viewing for every demo with a single click
  • Comprehensive coverage of WebGL, WebGPU, and post-processing passes
  • Loaders and parser examples for major 3D asset formats (glTF, FBX, OBJ, USDZ)
  • Demos covering physics, particle systems, procedural geometries, and lighting models
  • Interactive controls allowing real-time parameter tweaking in most scenes

Pricing

Open source. Free and open-source (MIT license)

Details

Type
Website
Category
Development
Topic
3D Graphics
Open source
Yes
Platforms
Web, Code library
For
Creative technologists, front-end developers, and web designers looking for 3D web inspiration and code snippets
Alternative to
Babylon.js Playground, Spline
Tags
threejs, webgl, webgpu, 3d, javascript, creative coding, shaders

Why it was saved

  • @adam_ha_yes, 19 August 2026: Provides cutting-edge 3D visual effects and interactive animation examples that can be incorporated into landing pages.

Compare

Related

Updated