# Aicanvas

> Open-source React and Tailwind component marketplace. Install via the shadcn CLI or your AI editor over MCP, with reproduction prompts for Claude Code, Lovable, and V0.

- **Type:** MCP server
- **Install:** `agentstack add mcp-uinerd16-aicanvas`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [uiNerd16](https://agentstack.voostack.com/s/uinerd16)
- **Installs:** 0
- **Category:** [Integrations](https://agentstack.voostack.com/c/integrations)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [uiNerd16](https://github.com/uiNerd16)
- **Source:** https://github.com/uiNerd16/aicanvas
- **Website:** https://aicanvas.me

## Install

```sh
agentstack add mcp-uinerd16-aicanvas
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

AI Canvas

  Open-source animated React and Tailwind components, design systems, and templates.
  Browse, copy, and ship. Or let your AI editor install them for you.

  
  
  
  

  Browse the live catalog at aicanvas.me

A growing collection of animated React components, plus a token-driven design system and ready-made templates. Every component arrives as real source code in your project, and many include reproduction prompts for Claude Code, Lovable, and V0. Open core: the free library is MIT, and Premium is proprietary.

## Install

Add any component to your project with one command:

```bash
npx shadcn@latest add @aicanvas/task-cards
```

Starting a new project? Initialize first, then add:

```bash
npx shadcn@latest init        # new projects only
npx shadcn@latest add @aicanvas/task-cards
```

### Three ways to use it

| Path | Command or action | Best for |
| --- | --- | --- |
| **shadcn CLI** | `npx shadcn@latest add @aicanvas/` | Dropping finished, open-source code straight into your repo |
| **AI Canvas MCP** | `npx -y @aicanvas/mcp` | Letting your AI editor search and install components for you |
| **Remix with AI** | Copy a prompt from any component page | Rebuilding a component your way in Claude Code, Lovable, or V0 |

Browse the full catalog and copy the exact command for any component at [aicanvas.me](https://aicanvas.me). `pnpm dlx`, `yarn dlx`, and `bunx` work too.

## Why AI Canvas

- **Open core, free to start.** The free library is MIT licensed, so you can use it in personal and commercial projects, modify it freely, and ship it without attribution. Premium components, design systems, and templates are proprietary.
- **Full source, no lock-in.** Every component arrives as real React and TypeScript code in your codebase, not a black-box dependency. Restyle it, extend it, or ship it as is. It is yours.
- **Built for AI workflows.** Install with the shadcn CLI, connect the MCP so your agent installs for you, or hand it a reproduction prompt for Claude Code, Lovable, or V0.
- **Animated by default.** Built with Framer Motion and Tailwind CSS, ready for the Next.js App Router or any modern React setup. 3D pieces use Three.js.

AI Canvas is free to start. Premium unlocks design systems, templates, and closed-source components.

## Featured components

  
    
      
      Spider Web
      Interactive silk web that reacts to your cursor
    
    
      
      Cube Carousel
      Drag-to-spin 3D photo cube
    
    
      
      Curious AI
      Morphing 3D AI orb that follows your cursor
    
    
      
      Ripple Type
      SVG text that ripples on toggle
    
  
  
    
      
      Product Card Deck
      Flick-through draggable card deck
    
    
      
      Glass Music Player
      Glass mini player with spinning vinyl
    
    
      
      Andromeda Button
      Sci-fi blueprint button, five variants
    
    
      
      Glass Dock
      macOS-style dock with cursor magnification
    
  

Browse all components at [aicanvas.me](https://aicanvas.me).

## Use it with your AI editor (MCP)

Connect AI Canvas to your AI editor and let your agent search, inspect, and install components for you. Save tokens. Do not start from scratch.

```bash
claude mcp add aicanvas -- npx -y @aicanvas/mcp
```

Or add it to your MCP config:

```json
{
  "mcpServers": {
    "aicanvas": {
      "command": "npx",
      "args": ["-y", "@aicanvas/mcp"]
    }
  }
}
```

Works with Claude Code, Codex, Cursor, and other MCP-compatible editors. The server is read-only and fetches the live registry at runtime, so new components reach your agent shortly after they ship. It returns published component source and reproduction prompts.

## Design systems and templates

Beyond standalone components, AI Canvas ships **Andromeda**, a token-driven sci-fi and blueprint design system, with ready-made templates like Mission Control, Service Order, Resource Planning, and Signal Room. Installing an Andromeda component brings its source code plus the shared token bundle it depends on.

See it at [aicanvas.me/design-systems/andromeda](https://aicanvas.me/design-systems/andromeda).

## Tech stack

React and TypeScript, Tailwind CSS, and Framer Motion. Built for the Next.js App Router and works in any modern React setup. 3D components use Three.js.

## Project status

AI Canvas is an actively maintained project. New components, design systems, and templates ship regularly. If AI Canvas saves you time, a star helps more builders find it.

[](https://star-history.com/#uiNerd16/aicanvas&Date)

## Contributing

AI Canvas is open source under MIT. Issues, ideas, and pull requests are welcome. Open an issue to suggest a component or report a bug.

## License

The free library is MIT licensed. Use it in personal and commercial projects, modify it freely, and ship it without attribution. See [LICENSE](./LICENSE). Premium components, design systems, and templates are proprietary under the AI Canvas Premium License.

## Source & license

This open-source MCP server is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [uiNerd16](https://github.com/uiNerd16)
- **Source:** [uiNerd16/aicanvas](https://github.com/uiNerd16/aicanvas)
- **License:** MIT
- **Homepage:** https://aicanvas.me

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/mcp-uinerd16-aicanvas
- Seller: https://agentstack.voostack.com/s/uinerd16
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.