Skip to content
No more AI slop.

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.

Updates daily
190,567Requests served

Every component, block & design system install.
Every AI agent fetching source.

New design system

Andromeda Pro

Premium

A 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.
The AI Brain

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.

01

Browse

Find a standalone, a design system or a ready-made template, and preview it live.

02

Install

Run one shadcn command, or connect the free AI Canvas MCP once and ask your agent.

03

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.”

Add to Cursor

Full setup guide and example prompts

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.

Free

$0/ forever

Install and remix every free component, free forever.

Sign up free

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

$8.99/ month

+ 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
Pay once

Lifetime

$125.00/ one time

+ 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
Secure payment encryptionInstant access

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.

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.