Canvas UI

UI Components

A shadcn-style registry of WebGL effects that render over live, still-interactive DOM.

Canvas UI preview — Scrolling capture — scroll inside the frame to see the whole page

What to pull from it

25 canvas/WebGL effects (liquid fluid, glass lens, shatter, VHS, dither, particle reveal, 3D glass objects) installable via the shadcn CLI across 6 frameworks including vanilla and Astro. Use when a page needs one memorable effect rather than a whole aesthetic.

Go there

https://canvasui.dev/ ↗