← Back to library

Canvas UI

UI ComponentsGo therecanvasui.dev

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

Canvas UI — captured interface
Page excerpt · scroll inside to explore
Source capture · 2026-07-27Open full image ↗
Why this pattern works

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.