Skip to main content
1,000 1

Replace an endless supply chain with 1 package

Gallery '52

Get the set →

The set

Blocks

36 primitives + 29 composed

Forms, overlays, navigation, charts — themable down to the slot. Flip the vibe and watch every control follow.

Offsite '27
Fares to Lisbon 12-week trend
SegmentGroup · Combobox · DateRangePicker · CurrencyInput · NumberInput · Sparkline Browse →

Table

Filter · group · live

Smart filter, header menus, grouping, selection, remote mode — try them all on today's board.

departures.board — 216 flights today live

No data available

No data available
Type a city in the filter, group via a header menu — it's all real Explore →

Auth

Passkeys + Web Crypto

Passkeys, JWT rotation, web push — on the Web Crypto API alone.

NA

Sign in to Atelier Nord

No passwords stored, nothing to leak.

Try it — the passkey flow is real UI Read the docs →

For machines

urbicon CLI · Hook & CI · llms.txt

Hook the library into your AI workflow to give your model a deep understanding of all its aspects. You wire it once; the agent runs the loop.

# the design gate — in CI, or as an agent hook

$ urbicon validate routes/pricing/+page.svelte

✗ [raw-tailwind-color] `bg-green-500`

↳ use intent="success" — tokens, not raw palette

! [focus-not-visible] `focus:ring-2`

↳ use focus-visible: — keyboard-only rings

# your agent fixes, re-runs —

✓ no issues

Agents don’t just read the manual — they get a review Set up →
  • 80 components
  • 315 original icons
  • Svelte 5 + Tailwind 4
  • zero runtime dependencies
  • i18n with usage audit
  • virtualized table
  • passkeys + web push
  • command palette
  • charts · calendar · planner
  • dark mode = one token
  • MIT

Repaint the building.

One token ramp — foundation, semantic, interaction. Pick a palette and every room on this page re-renders, down to the switches and table rows above. Dark mode is one more token, not a rewrite.

# the whole system is also plain text

$ bun add -d @urbicon-ui/design

✓ installed — design intelligence, pinned to your version

$ urbicon find "pricing table"

→ Table + Badge + Button · recipe: pricing-grid

$ curl ui.urbicon.de/llms.txt

→ 80 components, plain text, no auth

Agents read the same manual you do — llms.txt, llms-full.txt, .cursorrules.

One package.

bun add @urbicon-ui/blocks

No subscription · no telemetry · no dependencies