Workspace / Experiments

Make interfaces move.

A sandbox for testing expressive canvas effects against real UI. Pick an effect, tune it live, and see how it holds up on a working artboard.

Live preview

Online

Effect

Sample project

Night / Shift

A generative poster study exploring contrast, rhythm and motion across a single frame.

TypeMotionWebGL

Particle Reveal - move your pointer across the artboard to drive it.

Library

Effect library

33components in Canvas UI

Build with Canvas UI

Browse a component, run one command, make it yours.

MIT + Commons Clause

Canvas UI is an open-source library of tasteful HTML-in-canvas and WebGL effects for React, Solid, Vue, Svelte and more. Copy a component, drop it in, and it renders live inside your canvas with a graceful fallback.

terminal

npx shadcn@latest add @canvas-ui/particle-reveal-react

Browse components Read the docs