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
- Introductionevilcharts.com
- MetalForge — Beautiful Metal shaders for SwiftUImetalforge.xyz
- Graphicalgraphicalui.com
- Beautiful Generative Gradient Avatars for Reactavatars.outpacestudios.com
- Shadersshaders.com
- Paper Shaders – Ultra-fast zero-dependency shadersshaders.paper.design
- glimm — shader-driven page transitionsglimm.dev
- Unicorn Studio — No-code WebGL Toolunicorn.studio
- Motion (prev Framer Motion): JavaScript & React animation librarymotion.dev
- Grainradgrainrad.com