Skip to content

Now in the official shadcn registry directory.

Start free
Figma kit, in preparation

Mockups that cannot drift.

Variables in both modes, variants as properties, auto-layout everywhere. The kit and the code read from one source.

See what opens with it
100%
Layers
Home / Light
Home / Dark

One collection. Two modes.

Not two files to keep in sync. Every value carries its light and its dark, so switching a frame is one click, not a redraw.

background
foreground
brand
brand-soft
success
border

Variants are properties, not copies.

No page of detached duplicates to hunt through. One component, three dropdowns, every combination the built system actually has.

The button on the right is the real ai2 component, restyling live.

Properties
variant
solid
tone
brand
size
md

One component. Change a property, not a copy.

Save

The frame hugs the label. Longer copy never spills, and nothing has to be nudged by hand.

Auto-layout that hugs the content.

Frames resize the way the built components do. A longer label pushes the box, the box never clips the label, and nothing needs a manual nudge before handoff.

What opens when you open the file.

The plan for the first release. We are building it now, foundations first.

Foundations

Page
  • Color variables
  • Type scale
  • Spacing and radius
  • Elevation

Components

Page
  • Buttons
  • Inputs and fields
  • Overlays
  • Navigation

Patterns

Page
  • Form layouts
  • Empty states
  • Page shells
  • Both modes

Be there when it opens.

The kit is in preparation. Leave your email and you will hear from us the day the file goes out.