{"repo":"DavidHDev/canvas-ui","free":true,"listed":false,"github":"https://github.com/DavidHDev/canvas-ui","clone":"git clone https://github.com/DavidHDev/canvas-ui.git","description":"A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue, Svelte, vanilla.","language":"TypeScript","stars":4050,"topics":["animation","canvas","component-library","components","creative-coding","design-engineering","frontend","glsl","nextjs","react"],"license":null,"category":"ui-components","readme_excerpt":"An open source library of creative, framework-agnostic components drawn on canvas. Fluid simulations, shader effects, and 3D scenes that run over your live, fully interactive interface. canvasui.dev · Docs · Components · Playground · Installation What makes it different Most components use the experimental HTML-in-canvas API to read and redraw your live DOM. Text stays selectable, links stay clickable, and the page becomes a texture that fire, fluid, and glass distort in real time. Where it is not supported, components fall back to WebGL overlays, so every visitor gets a working page. 🎨 33 components and counting: Liquid, Glass, Shatter, Force Field, Decrypt Reveal, and more 🧩 Framework agnostic : every component ships for React, Solid, Preact, Vue, Svelte, and vanilla 📋 Copy, do not install : source lands in your repo via a shadcn-compatible registry ⚡ Zero config : self-contained, with sensible defaults and typed props 🤖 MCP ready : let your AI assistant find and install components for you Quick start Add a component with the shadcn CLI (run npx shadcn@latest init first if you have not): Swap liquid for any component, react for solid , preact , vue , svelte , or vanilla . Source lands in components/canvasui/ , yours to edit. Most components wrap your content. The subtree stays live and interactive; the effect runs on top. See the installation guide for manual setup. Components Every component ships for all six targets. Compare them in the playground. 🌊 Fluid & moti","default_branch":null,"files":null,"tree":[],"storefront":"/r/DavidHDev","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/DavidHDev/canvas-ui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}