collected.tools.
LibraryFrontend

Canvas UI

WebGL effects over real, clickable HTML

What it is

Canvas UI is a library of GPU effects such as liquid, glass, shatter or force fields that run over a normal interface. Most components use the experimental HTML-in-canvas API, so text stays selectable and links stay clickable, and where it is unsupported a GPU overlay takes over. Each of the 35 components comes for React, Vue, Svelte, Solid, Preact and vanilla, with WebGL or WebGPU.

Install
npx shadcn@latest add @canvas-ui/particle-reveal-react
Why it made the cut
  • 35 effects over live, usable HTML
  • Six framework versions per component
  • Your choice of WebGL or WebGPU

Related entries