Start with what is possible
Your GPU is the canvas.
Build living worlds, simulate light and motion, and move millions of data points—at the speed of the GPU.
No installation. No account. Just your browser.
01 · Find your building blocks
Pick a capability. Start building.
Focused packages turn captured scenes, declarative worlds, and GPU-resident workflows into interactive experiences.
Gaussian Splats
Stream complete captured Train and Truck scenes with HDR color, depth-sorted transparency, and portable GPU rendering.
Explore captured scenes →
Declarative 3D Scenes
Describe materials, lighting, geometry, and cameras with an expressive retained-scene API.
Build a scene →
GPU-native analytics
Compose culling, sorting, compute, and rendering without moving your data off the GPU.
Explore the trace →02 · See it in motion
See what your GPU makes possible.
Every card opens a live, interactive scene. Advanced scenes require WebGPU; Effects: Image Processing also runs on WebGL2.
Lightstorm Megacity
Fly between rain-soaked towers beneath lightning, reflections, and thousands of lights.
Tempest Ocean
Cross an endless spectral ocean shaped by wind, whitecaps, and moonlight.
Prism Cathedral
Follow spectral light through glass as rainbow caustics travel across stone.
Fluid Foundry
Pour, splash, and reshape liquid metal without moving simulation data off the GPU.
Virtual Geometry Canyon
Travel across a massive procedural landscape that streams detail as you move.
Effects: Image Processing
Layer bloom, color grading, distortion, and film effects over a living scene.
03 · Built for ambitious ideas
The luma.gl framework.
Seven focused modules span portable GPU access, rendering, shaders, effects, declarative scenes, Gaussian splats, and compute.
GPU portability
Core / WebGPU / WebGL
One low-level GPU portability layer for buffers, pipelines, textures, and rendering across WebGPU and WebGL2.
Rendering toolkit
Engine
The classic luma.gl API for models, animation loops, geometry, picking, and composable rendering.
Shader programming
Shader Tools
Write, assemble, and share portable shaders with a reusable module library for both WGSL and GLSL.
Composable effects
Effects
Compose reusable shader effects into complete post-processing, lighting, and image-processing pipelines.
Declarative 3D
ANARI
Describe declarative 3D scenes with glTF and OpenUSD, then switch renderers without rebuilding the world.
Captured scenes
Splats
Stream and render Gaussian splats with depth ordering, high-dynamic-range color, and reusable GPU data.
GPU compute + rendering
GPGPU
Connect reusable compute modules and rendering in a single GPU-native pipeline, without moving data back to the CPU.
Render without a ceiling.
Compose models, materials, HDR lighting, shader effects, and GPU-driven geometry at interactive frame rates.
Keep your data on the GPU.
Simulate, filter, and visualize millions of records without shuttling data back to the CPU between steps.
One API. Two ways to render.
Share portable rendering across WebGPU and WebGL2, connect with deck.gl, and use WebGPU for compute shaders.
04 · Find your starting point
Choose your own first adventure.
Begin with an interactive lesson, or go straight to the part of the GPU stack you want to explore.
Draw your first triangle.
Start with a live, backend-switchable scene, then follow its rendering pipeline one step at a time.
Build worldsMeet the rendering engine.
Explore models, animation loops, geometry, materials, and reusable shader modules.
Move fasterThink in GPU compute.
Compare portable data operations with WebGPU-native compute for simulation, filtering, and spatial processing.
Create effectsShape every pixel.
Experiment with live image effects, then compose post-processing passes and reusable shader modules.
Ready to make something move?
When you are ready to create your own app, the developer guide takes you from local project setup to your first rendered frame.