AI Dimensie
AI Dimensie
v0.1 · Now with 21st.dev-style registry

Ship faster with
aidimension UI blocks.

A live demo of the full marketing + AI surface. Every section on this page is a single installable block.

Install blocks Browse components

Trusted by teams at

ACME
Vercel
Linear
Stripe
Anthropic
OpenAI
Vercel
Stripe
Linear
Anthropic
OpenAI
Notion
Figma

Animated everything

Gradient text, animated tabs, spotlight cards — pure CSS where possible, no animation libraries needed.

aidimension UI ships with Tailwind v4, Radix primitives, and zero runtime deps. Bundle size starts at ~120 KB.

What's in the box

Everything you need to build a modern Next.js app — primitives, AI, blocks, icons.

16 UI primitives
shadcn-style, Radix-backed, fully accessible.
10 AI components
Chat, reasoning, tools, sources, agents.
40 hand-rolled icons
1.5px stroke, currentColor, 24×24.
21st.dev registry
Install individual elements via CLI.
Tailwind v4
OKLCH design tokens, dark mode, no config.
TypeScript strict
Zero any, full inference, exhaustive types.

Built for the AI era

A chat-first surface area, designed to slot into the Vercel AI SDK and any agent runtime.

Reasoning traces
Show the model's chain-of-thought without cluttering the main message.
Tool calls
Per-call header with name, status, output.
Source citations
Show every source the model relied on.
Agent cards
Idle, running, done, error — all visual.

By the numbers

70+
Components & blocks
ready to copy
16
Radix primitives
accessible by default
40
Custom icons
1.5px linear style
0
Runtime deps
for the kit itself

AI dashboard, in one page

Three agent cards, a live chat panel, and a code block — using the aidimension UI AI components.

Research Agent

Running

Looks up sources, synthesizes answers.

Code Agent

Done

Edits files, runs tests, opens PRs.

Vision Agent

Idle

Reads images, captions, OCR.

Browse Agent

Error

Navigates the open web.

Live chat
Model: gpt-4o · tokens: 8,192
Generate a Hero block for a SaaS landing page.

Sure — here's a typed Hero with badge, headline, tagline, and two CTAs.

TSX
<Hero
  title="Ship faster with aidimension UI"
  subtitle="A live demo of the full marketing surface."
  primaryCta={{ label: "Install", href: "/registry" }}
  secondaryCta={{ label: "Browse", href: "/components" }}
/>

What builders are saying

“aidimension UI is the first kit that didn&apos;t make me fight the components. The AI primitives alone saved me a week.”
SK
Sara K.
Founding engineer, Lumen Labs
“I copied the registry format wholesale. shadcn-quality components but with an AI focus.”
MR
Mateo R.
Indie hacker
“The icons are gorgeous and the registry endpoint is a nice touch — we wired it into our internal CLI in an afternoon.”
PN
Priya N.
Staff engineer, Northwind

  1. v0.1 — Initial release

    16 UI components, 10 AI components, 72 icons, 16 blocks, registry, magic generator.

  2. Theme provider

    Light/dark/system with localStorage persistence.

  3. Docs site

    Showcase + component reference + AI demo + interactive generator.

  4. Vercel deployment

    Production at aidimension-ui.vercel.app, edge-rendered registry, custom cache headers.

aidimension UI vs the alternatives

A feature-by-feature look at what aidimension UI ships out of the box.

Featureshadcn/uiMagic UIaidimension UI
16 UI primitives
AI/Agent components
40+ icons in-house
Registry endpoint
Magic generator
Marketing blocks
Theme provider

Frequently asked

Is aidimension UI free?

Yes. The kit itself is MIT-licensed and free to use in personal and commercial projects. The cloud registry and AI generation will have a paid tier later.

Does it work with the Pages Router?

aidimension UI is built for the App Router. The components and hooks are framework-agnostic, but the docs site and demo assume App Router conventions.

Can I add my own components to the registry?

Yes — the registry is just a typed TypeScript file. Add an entry, redeploy, and the new component shows up in /registry and is fetchable via /r/<name>.json.

How does the Magic generator work?

It matches your prompt against built-in templates first (button, card, hero, etc.). If no keyword matches, it calls an OpenAI-compatible LLM with a system prompt that lists every aidimension UI export.

Pricing

aidimension UI itself is free. These tiers are for the upcoming cloud registry and component hosting.

Hobby
For personal projects and learning.
$0 / forever
  • All 70+ components
  • AI/Agent primitives
  • 40-icon set
  • Community support
Get started
Team
Most popular
For production teams shipping AI apps.
$29 / month
  • Everything in Hobby
  • Private registry
  • Versioned releases
  • Priority support
  • Slack Connect
Start trial
Enterprise
Custom needs, custom pricing.
Custom
  • Everything in Team
  • On-prem registry
  • SLA & support contract
  • Custom component builds
  • Dedicated success manager
Contact us

Build your first app in an afternoon.

Install aidimension UI, copy a block, ship to Vercel. That's the workflow.

Get started View registry