Canvas UI

Canvas UI is an open-source library of creative, framework-agnostic interface components rendered with canvas and WebGL. It places fluid simulations, shaders, glass effects, fire, particles, and 3D scenes over live HTML interfaces. Through the experimental HTML-in-canvas API, effects can redraw the page while text remains selectable and links remain clickable. Unsupported browsers automatically fall back to standard WebGL overlays so the interface continues working. Components are available for React, Solid, Preact, Vue, Svelte, and vanilla JavaScript. Each component ships as editable source through a shadcn-compatible registry with typed properties and practical defaults. The library is built for developers who want expressive visual effects without replacing accessible, interactive HTML.