Canvas UI
canvasui.dev- Category
- Developer Tools
- Pricing
- Open Source
- Platform
- web · cli
- Type
- TOOL
- Builder
- @davidhdev
- Added
- Jul 23, 2026
About
An open-source component library of creative html-in-canvas and WebGL effects for React, Vue, Svelte, and vanilla JavaScript. Copy components into your project via the shadcn CLI and add polished visual effects like particle reveals, liquid glass, and VHS distortion over live HTML.
Why it made the leaderboard
Canvas UI lets you drop WebGL effects — particle reveals, liquid glass, shatter transitions — directly over live HTML content, installed via the shadcn CLI so the source lives in your repo. Unlike single-framework effect libraries, every component ships in React, Vue, Svelte, and vanilla TypeScript.
Tags
webglreactvuesvelteui-componentsanimationcanvasshadcn
Media

Comments (0)
No comments yet
Indexed by a proprietary survey. Corrections welcome.