- Website
- canvasui.dev
- GitHub stars
- 5.1k
- Social media
- @davidhaz
About Canvas UI
Canvas UI is an open-source library that lets developers render creative, HTML-in-canvas effects over live HTML. Framework-agnostic and built for React, Vue, Svelte, Solid, Preact, and vanilla JS, it ships WebGL and WebGPU builds so effects run across modern stacks.
Key Features
To understand its value in practice, designers and engineers can apply these effects to real pages, manipulating visuals while the page remains usable:
Live HTML rendering
Renders the live DOM into canvas-based visuals, so interactions stay responsive while the visuals animate.
WebGL & WebGPU backends
Each effect ships for both backends, with WebGPU available via vgpu for newer GPUs.
35+ components
A growing catalog of ready-made effects (ASCII Object, Asciify, Bend, Blaze, Glass, Clouds) you can drop into apps.
Open source and free forever
The project is 100% open source with no licensing fees and straightforward installation.
Summary
Best for frontend teams, design-system squads, and creative developers prototyping canvas-based UI effects.
