Iris UI: 164 components and blocks, one token set, installable with shadcn.Browse the catalogue

Iris UI
Browse components
New: shadcn registry

The interface kit your AI product can grow into

Agent states, data and forms, overlays and full page blocks: 164 pieces on one calm token set, in light and dark.

Explore componentsRead the brand book
npx shadcn@latest add https://irisui.dev/r/foundation.json
  • React 19
  • Light and dark
  • Reduced motion

Every example is live

Open the menus, scrub the chart, confirm a delete. Nothing here is a recording.

Visitors to capydb.dev, last 30 days5,871

Daily visitors to capydb.dev, Sep 22 to Oct 21. Visitors, latest 269 visitors. Previous period, latest 216 visitors.

Daily visitors to capydb.dev
DateVisitorsPrevious period
Sep 22185 visitors162 visitors
Sep 23174 visitors150 visitors
Sep 24173 visitors149 visitors
Sep 25194 visitors164 visitors
Sep 26129 visitors106 visitors
Sep 27128 visitors112 visitors
Sep 28199 visitors159 visitors
Sep 29196 visitors163 visitors
Sep 30212 visitors176 visitors
Oct 1210 visitors183 visitors
Oct 2196 visitors157 visitors
Oct 3138 visitors113 visitors
Oct 4129 visitors105 visitors
Oct 5210 visitors189 visitors
Oct 6205 visitors166 visitors
Oct 7228 visitors190 visitors
Oct 8215 visitors193 visitors
Oct 9213 visitors179 visitors
Oct 10136 visitors121 visitors
Oct 11150 visitors133 visitors
Oct 12228 visitors201 visitors
Oct 13236 visitors192 visitors
Oct 14238 visitors204 visitors
Oct 15228 visitors200 visitors
Oct 16242 visitors194 visitors
Oct 17164 visitors137 visitors
Oct 18151 visitors134 visitors
Oct 19235 visitors192 visitors
Oct 20260 visitors215 visitors
Oct 21269 visitors216 visitors

Line chartHover to scrub; the headline follows the crosshair.
Which spec should I draft first?
1 / 1
Approval cardThe agent asks before it acts.

Spend by model. Spend $30,180. Fast model, $18,420, 61%. Reasoning model, $8,150, 27%. Embeddings, $3,610, 12%.

Spend by model
SegmentValueShare
Fast model$18,42061%
Reasoning model$8,15027%
Embeddings$3,61012%
Donut chartSpend by model, small parts grouped.
seats
Number fieldBounded steppers that say so at the limit.
Confirm morphAsk, act and undo in place.
Checksums matched2/2
Embedding chunks68%
Postgres 18, first classdraft
Task rowsLong-running work as a live checklist.
ThinkingReasoning traces that stay out of the way.
Pageviews, notdocs.dev48.9K+18.7%
SparklineA trend and its delta in one row.
Browse all components

Components, then complete blocks

Components each do one job. Blocks put them together into sections you can ship: numbers that move, sign-in flows, pricing and FAQ.

Entrolytics events today48,210
CapyDB wake time, p50308 ms
OpsisID approval rate91%

Titles that arrive as you scroll

Four reveal styles, each with a reduced-motion path. Pick one per page and keep it.

Good questions

What teams ask before they build their first screen.

  • Run the shadcn CLI with the component's registry URL, for example npx shadcn@latest add followed by the URL on its page. The foundation (tokens, fonts, focus rules) comes along the first time.

Start with one component

Try it on its page, read its guidelines, then install it into your product.

Explore components

Free and MIT licensed