AI agents finally design badass interfaces.
Complete React design systems for Claude, ChatGPT, Cursor or any AI agent. Plus 90+ standalone components and blocks that fit any of them, and 820 icons. Each piece installs with one shadcn command or through the AI Canvas MCP.
Every component, block & design system install.
Every AI agent fetching source.
Andromeda Pro
PremiumA token-driven design system for any product UI. 69 components and nine templates, dark and light, with every state designed.
- Components: 69 components. Plus 9 full templates.
- Token driven: 3 layers. Swap one ramp, every part follows.
- Dual themes: Dark + light. Every component, both themes.
- Premium interactions: 266 variants. 92 interaction states designed.
Your design system, written for AI.
Foundations, component rules and skills give your AI agent the whole system, so whatever it builds next, a new screen or a component of your own, fits. Retune the tokens and it builds with your colors.
Included with Premium
Start from a complete screen.
Andromeda Pro templates for AI products, operations, sign in and marketing. Try the real page before you install it.
The standalone library
One component when you do not need a whole system.
Free MIT components and premium standalones for the React project you already have. Each one installs as editable source.
From catalog to code
Browse it yourself. Or ask your agent.
Both paths end the same way: real source in your project.
Browse
Find a standalone, a design system or a ready-made template, and preview it live.
Install
Run one shadcn command, or connect the free AI Canvas MCP once and ask your agent.
Build
Change colors, swap parts or add your own components, by hand or through your agent. It is all your source.
Install AI Canvas in your agent.
Connect the free MCP server once and sign in with a free account. Then ask in plain words: your agent searches the catalog, reads the source and installs what you pick.
Example prompt: “Find a pricing section in AI Canvas and add it to this page.”
Why AI Canvas
More than a component gallery.
Pick a system or a single component. Build with it yourself or with an agent. The source stays yours.
Real source, in your repo.
The shadcn CLI copies the component files into your project, ready to read and edit. Nothing is locked in a package.
Build by hand or with an agent.
Use the catalog yourself, or let Claude Code, Cursor, Codex or any MCP client browse and install it for you.
Commercial work is allowed.
Client projects and your own products alike. The MIT library and the Premium License both allow personal and commercial use.
A system your agent can extend.
The AI Brain hands your agent the whole system, so new screens and new components fit, and scripts check the work before it calls it done.
The stack you already use.
React, TypeScript and Tailwind CSS, with Framer Motion for movement, installed by the shadcn CLI into the project you already have.
Free means MIT.
78 free standalones and Andromeda Legacy are open source under MIT. Install them, change them, ship them.
Premium opens the whole catalog.
One plan unlocks Andromeda Pro and its templates, the AI Brain and every premium standalone, with new pieces included as they ship. Pay monthly and cancel anytime, or pay once for Lifetime.
Pricing
The free library stays free.
Every free component ships its full source and its remix prompt, installed with one command. Premium adds Andromeda Pro, its templates, the AI Brain and the premium standalones.
ALWAYS INCLUDED
- Full source code of every free component
- Unlimited one-command installs of free components
- Remix with AI on every free component
- MCP server for Claude Code, Codex and Cursor
- Save your favorite components
Monthly
+ VAT where applicable
Andromeda Pro, its templates, premium components and blocks.
EVERYTHING IN FREE, PLUS
- Every premium component and block, one command install
- Remix with AI on every component
- Full design systems, tokens to templates
- All premium templates, source included
- New premium releases included as they ship
- Use in commercial and client projects
- Cancel anytime
Lifetime
+ VAT where applicable
Everything in Monthly, paid once. Future releases included.
EVERYTHING IN MONTHLY, PLUS
- One payment, no renewal to manage
- Every future premium release included
- Installed components stay yours forever
FAQ
Questions, answered.
The short version of everything people ask before adding their first component.
The design layer for AI coding agents: design systems your agent builds with and you reshape to your project, plus standalone React components that fit any of them, all installed as editable source with shadcn or MCP. Free components come with full source and remix prompts under MIT, and a free account adds unlimited one-command installs. Premium adds Andromeda Pro, its templates, the AI Brain and every premium standalone component and block.
Yes. Browsing, previews, the MCP, saving favorites, and full remix prompts for free components cost nothing; public browsing, previews, and prompts need no account. A free account adds unlimited one-command installs forever, while Premium adds proprietary source and full prompts for premium items, Andromeda Pro, its templates, the AI Brain, and premium standalone components and blocks.
Give the agent a finished system instead of a blank page. The Andromeda Pro AI Brain tells Claude Code, Cursor, or Codex which tokens and layout patterns to use, and its done-gate fails work that drifts off the system, such as a raw color instead of a token. Change the tokens and the agent builds with yours.
Yes. It installs as editable source in your project. Change the tokens for color, type, and spacing and every component follows. Edit or replace any component, or ask your agent for new ones, and the system's AI Brain keeps them consistent with the rest.
Open its page and click Copy Command, then run the command in your terminal or give it to your AI agent. The shadcn CLI installs the component and its dependencies as real, editable source. You can also copy the source by hand.
A free server that lets your agent find and install AI Canvas components without leaving the chat. It uses the open Model Context Protocol and works with Claude Code, Cursor, Codex, Copilot, and Gemini.
React components and blocks that belong to no design system: backgrounds, glass, 3D and shaders, typography and motion effects, plus cards, buttons, navigation and widgets. Each one drops into any project as editable source, so you can recolor, retime, or rebuild it.
Yes. AI Canvas has its own icon set, drawn in house on one 24-pixel grid, in four styles: line, duotone, solid, and solid duotone. You set the size and pick one of five weights, thin, light, regular, bold or extra bold, and the line scales with the icon.
Your free account keeps unlimited installs. Premium includes Andromeda Pro and its templates, the AI Brain, every premium standalone component and block with full source and remix prompt, and complete design systems installed in one command. New premium pieces are included as they ship.
Yes. Free components and Andromeda Legacy use the permissive MIT licence, so you can change them and ship them in personal or commercial projects. Keep the MIT licence notice in the source; no visible credit is needed. The Line icons they use are not MIT: they are free under the AI Canvas Premium License, with a one-line credit kept in the code. Premium components, Andromeda Pro, its templates and the AI Brain use the AI Canvas Premium License, a durable licence to use and ship but not redistribute. Third-party assets, fonts, and images follow their own terms when specified.
Still have a question?
Send it straight to the person building AI Canvas.
Ready to build?
Start with the source, not a blank prompt.
219+ components, blocks and templates. Browse them yourself, or connect AI Canvas to the agent you already use.





































