xgpui / interactive examples
All demosShader demosBrush guideDocumentation ↗
Live in your browser · 6 experiments

Small shaders.
Real app surfaces.

Explore light, motion and composition through interactive GPUI examples. Pick a demo, then change the controls inside.

Instanced shaders

A custom fragment shader

Start small: a typed Rust instance, a rounded shape and a fragment shader.

Open demo ↗WebGPUWebGL2
Instanced shaders

Glowing badges

One hundred individual badges, sharing a shader program and one animated glow.

Open demo ↗WebGPUWebGL2
Instanced shaders

Particle field

Explore 100 to 10,000 particles. Adjust opacity and pause the motion.

Open demo ↗WebGPUWebGL2
Instanced shaders

Order, clipping & opacity

See how shader shapes interleave with native quads and respect a shared clip.

Open demo ↗WebGPUWebGL2
Instanced shaders

Gradient shadows

Compare native shadows with colored falloff. Adjust spread, offset and softness.

Open demo ↗WebGPUWebGL2
Instanced shaders

Soft animated borders

Orbiting highlights on an interactive pill, with a soft blue and peach glow.

Open demo ↗WebGPUWebGL2
Open demo chooses WebGPU with WebGL2 fallback. Backend links force your selection. Browse all 13 hosted demos → · Native labs & launch commands