Aicanvas MCP server
Browse and install 75+ free animated, shadcn-compatible React components from AI Canvas.
60 stars115 downloads/wk
Reviews
Write oneNobody has reviewed Aicanvas yet.
If you have run it, two minutes of your experience saves the next person an afternoon.
Aicanvas tools (9)
write = sends, deletes, buys or postsRead from the package source without running it. The installed server may list more.
get_componentReturn the complete record for a single component: metadata + the entire .tsx source code as a string. Use after the user picks one from a search/list result and wants to see the implementation, or before installing if they want to inspect first. The source is the exact file the CLI install would write into a project.
get_install_commandReturn the shadcn CLI command to install a single component into the user's project. After calling this, suggest the user run the command (or run it yourself if you have shell access). Requires shadcn-aware setup (Tailwind v4, components.json). For projects without that, fall back to `get_component` and write the file manually.
get_systemReturn all files for a design system in a single response (every component, plus shared tokens and utilities), ready to write into the user's project. Use when the user wants to adopt a whole system rather than pick individual components.
get_templateReturn all files for a single template: the example composition plus every component it uses plus shared tokens. Use for "I want exactly this dashboard" / "give me the entire mission-control screen". One CLI command installs all files.
list_categoriesReturn every category in the AI Canvas standalone component library, with the number of components in each. Use to orient before listing or searching, e.g. "what kinds of components are available?"
list_componentsReturn AI Canvas components, optionally filtered by category. Use after `list_categories` to drill into one, or pass no filter to browse everything. Each result includes slug, name, description, categories, screenshot URL, install command, and homepage URL, enough to evaluate without a separate `get_component` call. Pagination via `limit` and `offset`.
list_systemsReturn every design system available on AI Canvas. A design system is a coordinated set of components plus shared tokens and utilities, installable in one CLI command. Use when the user asks about "themes", "design systems", or wants more than a single component.
list_templatesReturn every ready-made template on AI Canvas. A template is a complete example screen built from one design system (a dashboard, a console, a control room), installable in one CLI command. Use to discover what full screens exist before fetching one with `get_template`, or when the user asks for "a dashboard" / "an admin screen" rather than a single component.
search_componentsFuzzy keyword search across standalone components, design-system components, AND ready-made templates (whole example screens). Matches on slug, name, description, categories, and tags; returns best matches ranked by relevance. Use when the user describes what they want in their own words, e.g. "an animated card stack", "background with waves", "a mission control dashboard". Results include screens
Public scan report
scanner v0.1.9 · 2026-09-20 · same rubric, same numbers if you re-run it
- Code scan2 source files scanned25/25
- –Live reliabilityno gateway calls yet and no remote to proben/a
- –Tool poisoningtools not inspected (local package is not executed); not countedn/a
- Auth qualitylocal package, no credentials required12/15
- Maintenancelast push 0 days ago15/15
- Maintainer identityregistry namespace matches repository owner7/10
What the publisher says
From the Aicanvas repository's README, as published. We do not edit it. Read it on GitHub
AI Canvas
Finished Components, Not Headless Primitives
A growing collection of animated React components and composed page blocks, installed as real source code in your project rather than as a dependency.
Install · Components · Blocks · MCP · Repo layout · FAQ · License
Install
Add any component to your project with one command:
npx shadcn@latest add @aicanvas/task-cardsStarting a new project? Initialize first, then add:
npx shadcn@latest init # new projects only
npx shadcn@latest add @aicanvas/task-cardsInstalls are tied to a free AI Canvas account. Signed out, the CLI writes a small placeholder file instead of the component, so authenticate once first:
- Sign up free and copy your token from account settings.
- Put it in .env.local as AICANVAS_TOKEN.
- Add the registry to your project's components.json, once:
{ "registries": { "@aicanvas": { "url": "https://aicanvas.me/r/{name}.json", "params": { "token": "${AICANVAS_TOKEN}" } } } }Every npx shadcn@latest add @aicanvas/ is authenticated after that. Each component page also shows a ready tokenized command when you are signed in.
No account is needed to read the code: every component page shows its full source, free to read and copy.
Requirements
Tailwind CSS v4, React 19 and Framer Motion. Components are written against Tailwind v4 tokens and will not render correctly on v3. The Next.js App Router is the default target, not a requirement.
Three ways to use it
Shortened. The full README is on GitHub.
Nothing above is checked by us. What we check is on the safety report.
Install directly
Runs npx -y @aicanvas/mcp on your machine. Read the scan report first; the gateway never runs local packages.
claude mcp add aicanvas -- npx -y @aicanvas/mcp
Aicanvas: common questions
- Is Aicanvas MCP server safe?
- Yes, by our scan: it is graded A (91/100). Read the Aicanvas safety report
- How do I install Aicanvas?
- It runs on your machine. Copy the Claude Code, Claude Desktop or Cursor config from the install section.
- Does Aicanvas need an API key?
- Not as far as the registry entry and our scan can tell: no credentials are declared or required.
- Is Aicanvas maintained?
- The last commit was in the last day (2026-09-19). The latest release is v0.2.5.
- What can I use instead of Aicanvas?
- Servers from other publishers that do the same job: Webcomponents React MCP server.
Alternatives to Aicanvas
Same job from other publishers: the closest match first, then the best rated.
- Webcomponents ReactMCP server for UI5 Web Components for React - Developer documentation and API assistancenot reviewedEstablishedA