Every Shaders effect, running live.
199 WebGPU components for React, Vue, Svelte, Solid and plain JavaScript. Open any of them, change its props, and copy the code.
Library
Every component, one live chip each. Search by name, description or prop. Press / to search from anywhere.
No component matches “”.
Try a shorter word, a prop name such as speed, or .
Combinations
Components stack. These recipes put several together for real jobs: a hero, a card, a text treatment, an image, a transition, a cursor effect.
Lab
When no component fits, write your own. These pieces use defineShader from shaders/std with custom WGSL, and run next to the built-in ones.