Light, shaped for the web.

Explore, tune and export WebGPU effects built for real interfaces.

68 curated shadersperformance benchmarked

68 shader systems indexed

WebGPU + WGSL

Live parameter controls

Measured performance

A SHORTER PATH TO PRODUCTION

From reference to interface.

Choose

Start from a curated surface with a clear visual role and measured baseline.

Tune

Adjust purposeful parameters while the GPU preview responds in real time.

Export

Take a ready-to-integrate React component or the raw WGSL source.

Tune the system,
not just the color.

Every surface opens in a focused workbench. Shape motion, atmosphere and interaction with controls mapped to the shader's actual parameters.

Live GPU preview
Typed controls
Export-ready output
/shaders/silk-bands/edit

Recorded walkthrough of Silk Bands responding as its band count, folds and motion are adjusted.

Built for the parts people remember.

Product storytelling

Give launches, collections and hero moments a visual language that belongs to the product.

Interface atmosphere

Build depth and material character into dashboards, portfolios and spatial interfaces.

Interactive moments

Use pointer-aware motion where interaction should feel tactile, responsive and memorable.

FAQ

Questions, answered.

THE FULL INDEX

Find your next
visual system.

Browse all
shaders