Introduction | Canvas UI
Canvas UI is a free, open source component library of creative canvas effects for React, Solid, Preact, Vue, Svelte, and vanilla JS, with WebGL and WebGPU (via vgpu) builds of every effect.
Canvas UI is an open source library of creative components drawn on canvas. Real HTML, rendered inside a canvas element, with GPU effects running over it in WebGL or WebGPU. Copy, paste, and ship. What is this? A collection of canvas effects for the web: fluid simulations, shaders, and other visual experiments. They render over real HTML, so the content underneath stays interactive. Most of the library is built on the html-in-canvas API, an experimental browser capability that lets a canvas element lay out and paint live DOM content. Your components become a texture that shaders can…
saved by
related reading
- Components | Canvas UIcanvasui.dev
- Canvas UI: Creative Canvas, WebGL and WebGPU Component Librarycanvasui.dev
- MetalForge — Beautiful Metal shaders for SwiftUImetalforge.xyz
- Shadersshaders.com
- Paper Shaders – Ultra-fast zero-dependency shadersshaders.paper.design
- Unicorn Studio — No-code WebGL Toolunicorn.studio
- Magic UImagicui.design
- UI Skills for Design Engineers | UI Skillsui-skills.com
- Subframe – The AI design tool built for codesubframe.com
- React Components, Templates & Themes — 12,000+ Crafted UI | 21st21st.dev
- Grainradgrainrad.com
- Wonder — What you see is what you shipwonder.design