Canvas UI

Canvas UI es una biblioteca open source de componentes creativos dibujados en canvas: simulaciones de fluidos, efectos shader y escenas 3D que se ejecutan encima de tu interfaz real. La mayoría lee el DOM en vivo con la API experimental HTML-in-canvas, así que el texto sigue seleccionable y los enlaces clicables; donde esa API no está disponible, caen a un overlay WebGL para que la página no se rompa.

El registro es compatible con shadcn: no hay paquete que instalar, el código fuente aterriza en components/canvasui/ y queda tuyo para editar. El README lista 33 componentes (Liquid, Glass, Shatter, Force Field, Decrypt Reveal y más), cada uno para React, Solid, Preact, Vue, Svelte y vanilla. El asistente los recorre e instala a través del servidor MCP de shadcn apuntado al namespace @canvas-ui; un prompt como "add the Liquid component from Canvas UI" basta.

Para dejar listo el cliente, el README indica npx shadcn@latest mcp init --client claude (también Cursor, VS Code, Codex y OpenCode). Chrome con chrome://flags/#canvas-draw-element da el efecto HTML-in-canvas completo; en el resto de navegadores hay fallback. La licencia es MIT + Commons Clause: gratis en tus propios proyectos, con la única restricción de no vender la biblioteca en sí.