Basic
Best for personal use.
What you will get
- Employee directory
- Task management
- Calendar integration
- File storage
- Communication tools
- Reporting and analytics
Agent-ready registry, tokens and docs
Agent Native Design System & React Component Library.
51 shadcn-compatible components, each with a full variant, tone and size matrix. One token source for humans and AI agents.
Theme
Base
Every control below is a real component. Retheme it with the controls above.
Browse all componentsMC
Mira Chenmira@ai2.design
ProDark mode
v0.7 · MIT licence
SW
Sophia WilliamsDesign engineer @ai2
Applied filters
RadixBase UIReact Aria
design-tokens.jsonCompleted
18.4 KB of 18.4 KB
Invite to projectCollaborate with members on this project.
Invite members
Members with access
JO
Juma Omondijuma@ai2.design
AT
Arthur Taylorarthur@ai2.design
LP
Laura Perezlaura@ai2.design
Members with linkAnyone holding the link can open this project.
Contact informationView profile
LM
Lena MüllerDesign lead @ai2
LocationBerlin, Germany
FocusDesign systems, tokens, a11y
Email addresslena@ai2.design
Reset passwordEnter your email to reset your password.
Do not have access anymore? Try another method
Add tags(max. 8)
OverlaysFormsData display
VisibilityAdd to a collectionGroup this component with the rest of the set.
Attach a fileShip the source alongside the preview.
The product
An open core, with premium reach.
The full component system is free and MIT. Pro and Ultimate add the premium layer: Framer, Figma and page-level blocks, all on the same tokens.
Free, live today
The whole system, MIT licensed.
Own the code. Install what you need through the shadcn CLI or let an agent do it.
- All 51 components, MIT licensed
- Token system, light and dark from one source
- Agent-native metadata and MCP install
- Docs, examples and an llms.txt index
Premium Framer, Figma and blocks.
Pro and Ultimate unlock the marketplace: designed products that install on the same tokens as the core.
- Framer products3 live
- Figma kit, variables in both modesPlanned
- Pro blocks and full page sectionsPlanned
- One lifetime license, no subscription
Theme generator
Accent dialer liveDial an accent on the real components today and copy the tokens. The full studio, with fonts and presets, is in preparation.
Styled layerFree
The decorative layer is free too.
Shimmer, glow, aurora, neon and 3D variants ship as a separate, opt-in layer. Same tokens, same CLI, no cost.
0free styled variations, and counting
Buttons
Toggles
Loaders
Badges
MetallicHolographicNeon
Browse styled components
Opt-in per component, so the core stays lean.
Whole sections, not just parts.
A component hands you a box. A block finishes the page. Every control inside them works: the switches move prices, the sliders recalculate, the tables stay aligned.
Hero grid
Open itA pricing hero that carries the page: grid and light-streak backdrop, a two-tone headline, a real period switch, and a middle card lifted by a light seam.
14pricing sections, finished
TiersUsage estimateComparison matrixFeatured plan with promo drawerAurora columnShader washPackage cardInverted twinMonochrome columnsVolume meterHero gridAligned bandsCost calculatorFour columns
Each one is a single file with its own demo data, yours to edit the moment it lands.
Install by name
Your licence key is the access. The command is the one you already use.
npx shadcn@latest add @ai2-pro/pricing-hero-11
8 brand languages, switched at runtime
See every blockIncluded with Pro and Ultimate.
51 production-ready components. Built for humans and agents.
Every component ships a full variant matrix and a working example. The counts below are computed from each component's real axes, not marketing.
LiveDegradedv0.7.03 failing
Heads up
Six tones on every feedback component.
Browse Components
Carefully structured, continuously expanding.
Responsive by default.
Every breakpoint gets the right density and layout with no extra config. Hover a frame to inspect the real spacing.
Desktop+1280px
Tablet1279px · 768px
Mobile767px · 320px
One token file is the whole theme.
tokens.json generates the app CSS and the registry theme your consumers install. Change one value and both modes follow.
tokens.jsonsingle source of truth
ai2-tokens.cssgenerated app CSS
@ai2/tokensregistry theme item
Framer stylessoonsame tokens, synced
background
surface-2
surface-3
brand
success
warning
danger
info
Tools that read the web for you.
Three of them are open and need no account. Use them on your own work, whether or not you ever install a component.
Your agent is a first-class consumer.
Most libraries document for humans and hope agents cope. ai2 treats the agent workflow as a primary interface, from registry metadata to install flow.
shadcn MCP compatible
Point the shadcn MCP server at the @ai2 registry and your agent can search, inspect and install every component on its own.
Rich metadata on every item
Each registry item states its variant matrix, intended use and dependencies in plain words, written to be read by models.
A working example per component
All 51 components ship a registry example item, so an agent can fetch real usage code instead of guessing props.
$ npx shadcn add @ai2/field @ai2/input @ai2/switch @ai2/alert-dialog
4 components installed. tone="danger" is a prop, not custom CSS.
Shown in the dashboard and on invoices.
Release notifications
Message the team channel when a new version ships.
Danger zone
Deleting a workspace cannot be undone.
Same registry. More axes.
ai2 keeps the shadcn anatomy and registry format your tools already speak. The difference is what each component ships with.
0
Button variants from three axes
variant times tone times size, every combination a prop instead of custom CSS.
shadcn/ui ships 24, from a single axis.
0
Free styled variations on top
A separate shimmer, glow, aurora, neon and 3D layer, opt-in per component and MIT, on the same tokens and CLI.
shadcn/ui ships none.
0
A working example per item
Descriptions, docs and categories written for agents, plus real usage code to fetch.
shadcn/ui lists names and files.
Fully shadcn-compatible: the same CLI, the same anatomy, and your muscle memory keeps working.
ComponentsBrowse Components51 production-ready components, MIT licensed, each with a full variant matrix.MCP serverai2 + Your AgentHarness the full @ai2 registry in natural language through the shadcn MCP server.Open core, lifetime proStart with the Open CoreInstall the free core today. Pro blocks and premium themes will ship on the same tokens with a one-time lifetime license.