AcademyMCP serversDesign and media

AI Canvas component registry

Design and front-end teams that build marketing sites and want animated components they can edit.

  • Recommendedour rating
  • 68gitHub stars
  • MITlicence
  • 3 days agolast update
claude mcp add aicanvas -- npx -y @aicanvas/mcp
README.md

Loading the file...

What it does

AI Canvas is an open-source collection of animated React and Tailwind components, design systems and templates. An MCP server lets an AI editor search and fetch them with install commands. Components are copied into your project as source code, not added as a dependency. The catalog has more than 80 free components.

Use cases

  1. 01Find an animated hero section for a landing page
  2. 02Install a shadcn-compatible component with one command
  3. 03Adapt a template to a brand's own styles

Questions about
AI Canvas component registry.

What is AI Canvas component registry used for?

Design and front-end teams that build marketing sites and want animated components they can edit. AI Canvas is an open-source collection of animated React and Tailwind components, design systems and templates. An MCP server lets an AI editor search and fetch them with install commands. Components are copied into your project as source code, not added as a dependency. The catalog has more than 80 free components.

How do I install AI Canvas component registry?

Run this in your terminal: claude mcp add aicanvas -- npx -y @aicanvas/mcp

Is AI Canvas component registry open source?

Yes. The code is on GitHub (aicanvas-me/aicanvas) under the MIT licence.

Is AI Canvas component registry safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.