Skip to main content

Build with luma.gl

See what your GPU can do.

Real-time worlds, physical simulations, and visual effects—live in your browser, with nothing to install.

WebGPUWebGL2HDR
glTF

glTF Asset Studio

Explore standards-first glTF assets with physical materials, animated characters, morph targets, native extensions, and portable WebGPU/WebGL rendering.

IntermediateGltfMaterials
WebGPUWebGL2HDR
WebGPU

Gaussian Splats

Explore a captured Train scene with streamed HDR Gaussian splats, GPU-native projection, ordering, and interactive rendering.

AdvancedGaussian SplatsStreamingExperimental
WebGPUHDR
WebGPU

Lightstorm Megacity

Fly through a GPU-driven city beneath synchronized lightning, luminous streets, and screen-space reflections.

AdvancedLightingComputeExperimental
WebGPUHDR
WebGPU

Tempest Ocean

Cross a spectral stormfront with GPU-displaced waves, wind-driven whitecaps, and high-dynamic-range moonlight.

AdvancedSimulationComputeExperimental
WebGPUWebGL2HDR
Showcase

Cinematic Bloom

Shape HDR highlights with physically based glow, spectral diffraction, chromatic lens ghosts, and temporal stabilization.

AdvancedEffectsBloomExperimental
WebGPUHDR
WebGPU

Volumetric Fire Forge

Simulate reactive fire around solid obstacles, then compose emissive flames and drifting smoke into a 3D forge.

AdvancedVolumetricsSimulationExperimental
WebGPUHDR
WebGPU

Prism Cathedral

Follow light through a faceted refractor as spectral caustics scatter across an atmospheric stone interior.

AdvancedCausticsLightingExperimental
WebGPUHDR
WebGPU

Fluid Foundry

Shape a GPU-resident liquid-metal simulation inside an industrial vessel with responsive splashes and HDR highlights.

AdvancedSimulationComputeExperimental
WebGPU
WebGPU

Virtual Geometry Canyon

Travel through a procedural canyon as GPU-selected geometry streams new detail into a massive virtual landscape.

AdvancedGeometryPerformanceExperimental
WebGPUHDR
WebGPU

Illumination Lab

Inspect clustered lighting, ambient occlusion, glossy reflections, volumetrics, and adaptive HDR exposure.

AdvancedLightingEffectsExperimental
WebGPUWebGL2
API

Effects: Image Processing

Build, reorder, and tune a complete image-effect stack against a continuously animated procedural scene.

IntermediateEffectsImage Processing
Explore every example

Explore the framework

The GPU stack, layer by layer.

Seven focused modules for GPU portability, rendering, shaders, effects, 3D scenes, Gaussian splats, and compute.

@luma.gl/core + adapters01

GPU portability

Core / WebGPU / WebGL

One low-level GPU portability layer for buffers, pipelines, textures, and rendering across WebGPU and WebGL2.

  • WebGPU
  • WebGL2
  • GPU resources
@luma.gl/engine02

Rendering toolkit

Engine

The classic luma.gl API for models, animation loops, geometry, picking, and composable rendering.

  • Models
  • Animation
  • Geometry
@luma.gl/shadertools03

Shader programming

Shader Tools

Write, assemble, and share portable shaders with a reusable module library for both WGSL and GLSL.

  • WGSL
  • GLSL
  • Shader modules
@luma.gl/effects04

Composable effects

Effects

Compose reusable shader effects into complete post-processing, lighting, and image-processing pipelines.

  • Bloom
  • Tone mapping
  • Shader passes
@luma.gl/scene05

Declarative 3D

ANARI

Describe declarative 3D scenes with glTF and OpenUSD, then switch renderers without rebuilding the world.

  • glTF
  • OpenUSD
  • Renderers
@luma.gl/splats06

Captured scenes

Splats

Stream and render Gaussian splats with depth ordering, high-dynamic-range color, and reusable GPU data.

  • Streaming
  • Gaussian splats
  • HDR
@luma.gl/gpgpu07

GPU compute + rendering

GPGPU

Connect reusable compute modules and rendering in a single GPU-native pipeline, without moving data back to the CPU.

  • GPU workflows
  • Compute modules
  • Zero readback

Built for the whole pipeline

Low-level control.
High-level ambition.

One toolkit for the shader, the simulation, and everything you build around them.

01

Rendering that scales

Move from a first triangle to physically based materials, HDR lighting, composable effects, and GPU-driven scenes.

  • Shader modules
  • PBR + HDR
  • Indirect draws

02

Compute without detours

Keep data on the GPU for simulation, filtering, aggregation, spatial queries, and command-graph execution.

  • Compute pipelines
  • GPU tables
  • Zero readback

03

Open assets, without compromise

Load, animate, render, and round-trip standards-first glTF assets with shared physical materials, skeletons, morph targets, and native animation pointers.

  • glTF 2.0 + GLB
  • PBR + animation
  • WebGPU + WebGL2

Found your inspiration? Find the right place to begin.

Choose your starting point