ai2

Overview

ai2 is an open-core, agent-native design system for the shadcn CLI. Its 51 base components each come with a full variant, tone and size matrix on a single OKLCH token source, so humans and AI agents work from the same tokens. The core system is MIT licensed and can be installed through the CLI or by an agent over MCP.

On top of the core, a free, opt-in styled layer adds 307 decorative variations such as shimmer, glow, aurora, neon, metallic and 3D buttons, badges, avatars and loaders. Pro and Ultimate licenses give access to a marketplace of Framer products, with a Figma kit and page-level Pro blocks listed as planned. The site is currently at v0.7.

Features

• 51 base components: Button, card, input group, field, tabs, dialog, sheet, command, table, combobox, calendar, date picker, drawer, input OTP, resizable and carousel.
• Variant matrix: Every component exposes variants, tones and sizes.
• Token system: Light and dark themes from one OKLCH token source, plus an indigo theme and a glass style.
• 307 styled variations: Free, opt-in decorative variants that keep the core lean.
• Agent-native: MCP install, agent metadata, docs and an llms.txt index.
• Theme generator: Dial an accent on the live components and copy the tokens.
• Examples: 51 demo examples, one per component.

Tech stack

• React
• Radix UI, Base UI
• Tailwind CSS with tw-animate-css
• Motion, lucide-react, cmdk, Sonner, vaul

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @ai2/component-name