Visit website
Canvas UI
Frameworks & Libraries
About
Add creative WebGL and WebGPU effects over live HTML.
Canvas UI is an open source component library of creative html-in-canvas effects. Each effect runs over live HTML and ships as both WebGL and WebGPU builds. Components work with React, Solid, Preact, Vue, Svelte and vanilla JS, so one component comes in six flavors. You pick a component, run one command to add it, then make it yours. The library also describes itself as built for agents.
Features & use cases
- Render creative effects over live HTML on canvas
- Ship every effect as WebGL and WebGPU builds
- Use the same component in React, Vue, Svelte and more
- Add a component to a project with one command
- Copy, paste and customize components to fit
Who reaches for it
- Front end developers building landing pages that need standout GPU effects
- Teams working in React, Vue or Svelte who want framework-agnostic web effects
Getting it
Canvas UI is open source and publishes documentation. Components install through a command line tool and run in React, Solid, Preact, Vue, Svelte and vanilla JS.
Ready to try Canvas UI?
Opens canvasui.dev in a new tab.
Similar tools
The weekly drop
The best new tools, every week. No spam, unsubscribe anytime.
