Kairoz

Kairoz · v0.2

The shadcn for AI tooling.

180+ design tokens and 40 component classes. Framework-agnostic. Build agent dashboards, mobile views, and landing pages with any stack — shadcn, Tailwind, React, Vue, or plain HTML.

Get StartedShow mockups
AMOLED BLACK◆40 COMPONENTS◆MULTI-SURFACE◆DARK + LIGHT◆FRAMEWORK-AGNOSTIC◆AGENT-READY◆AMOLED BLACK◆40 COMPONENTS◆MULTI-SURFACE◆DARK + LIGHT◆FRAMEWORK-AGNOSTIC◆AGENT-READY◆

One skill.
One language.
One afternoon.

Kairoz taught an agent its design language — then the agent built this entire site. Every component page, every mockup, generated from markdown rules and a single reference CSS file. Consistent output, nothing superfluous.

Start building →View source →
55+
Pages
Vercel12:42
Deploy succeeded
GitHub11:08
PR #217 needs review
Linear09:50
3 issues assigned
50+
Components
OKDRAFTFAIL⌘K
5
Mockups

Kairoz in action

Live interface previews rendered from .kairoz-* classes. Every card is the real system — no mocks, no screenshots, nothing faked.

kairoz-edge · production
Deployed 2m ago · main@a9f3b1
REQUESTS
12,847
+4.2%
P95
42ms
-3ms
ERRORS
12
-8.1%
UPTIME
99.98%
Command palette
Instant search and navigation across every surface
⌘K
Actions
Navigate
TypeError at line 42 of main.ts. Missing env DATABASE_URL.
A
Diagnose production failure
Agent · Claude Opus 4.7
The failure is at build.sh:42 — missing env var. Restoring it will re-enable payment-api.
⌘↵
3 tools · 7,824 / 128k ctx
Status pills
Syncing — 42% Updating package lock Completed in 1m 14s
New project setup
Step 2 of 4 · Plan
  1. Account
  3. Plan
  5. Team
  7. Deploy
tool_call · fetch_deploy_logs
0.8s
{
  "deploy_id": "a9f3b1",
  "env": "prod",
  "lines": 2048,
  "status": "success"
}
AB
CD
EF
+3
Invite collaborators
Grant access to the people who matter.
Notifications
Stay informed on deploys, agents, and escalations
Environment variables
Secrets injected at build time
Filters · pagination
Productionus-east-1claude-opus
Compute environment
Choose the right runtime for this cluster
Toast stack
Deploy landed
kairoz-edge built in 1.2s
Rate limit closing in
92% of monthly quota consumed
Recent deployments
Production and preview environments
BuildEnvStatus
a9f3b1prodOK
cc02aeprodOK
7d21eepreviewSLOW
4b11cdpreviewFAIL
Upload · dataset.parquet
Multipart transfer in progress
68% · 3.4 MB/s218 MB / 320 MB
ENCRYPTED
Dialog · destructive
Delete project kairoz-edge?
This permanently removes 218 deployments, 12 domains, and revokes every API key. No reversal.
Active deployment
main@a9f3b1
Status ReadyRegioniad1 · sfo1Built2m 14s ago
Changed files · 4
Uncommitted changes on main
  • app/page.tsxM
  • app/layout.tsx
  • components/shell/titlebar.tsxM
  • components/command-palette.tsx
  • lib/nav.tsM
  • public/kairoz.css
  • package.json
  • README.md
FAQ
Completely. Kairoz is a plain CSS file that works with any stack — Tailwind, React, Vue, Svelte, or raw HTML. No runtime, no lock-in.
Loading state
Skeleton shimmer for anything over 300ms
Rate limit
Per-key request threshold, tuned per minute
Threshold2,400 rpm
1005,000 / min
Popover · context menu
Nothing to report
Zero security alerts in the past 24 hours. Agents, deploys, and keys are all healthy.
API keys
Credentials bound to kairoz-edge
production
sk_live_********8ra2
12,847
staging
sk_test_********kf91
3,201
legacy-cron
sk_live_********abc4
—
Webhooks
Event delivery over the last 7 days
deploy.succeeded
https://slack.com/webhooks/T0…
live
deploy.failed
https://pagerduty.com/events/…
live
agent.escalated
https://api.kairoz.dev/v1/hook/…
3 retries
build.timeout
https://hooks.zapier.com/…
disabled
Active on kairoz-edge
4 collaborators working right now
AD
SK
PM
JT
Adibediting app/page.tsx
Saskiareviewing PR #217
Paulin dashboard
Junidle · 4m
Overview
Production · main branch · 42ms p95
Shortcuts
Keyboard commands for this context
Open command palette⌘K
New file⌘N
Quick switcher⌘P
Toggle sidebar⌘B
Toggle theme⌘⇧L
Search in files⌘⇧F
Usage · November
Pro plan · 12 days until reset
API requests2,840,000 / month
Storage42 GB
Agent hours182 hours
Resets Dec 1 · 00:00 UTC
Tag issue
KAIROZ-217 · light-mode shadow refinement
design · ui ×priority: high ×v0.2 ×
Suggested
+ accessibility+ theming+ css+ tokens+ bug+ regression

Patterns

Proven layouts for multi-surface agent products. Ready to fork, built to adapt.

Pattern

Landing

Assembled from primitives — adapt at will.

Pattern

Agent chat

Assembled from primitives — adapt at will.

Pattern

Mobile app

Assembled from primitives — adapt at will.

Pattern

3-pane shell

Assembled from primitives — adapt at will.

Pattern

Dashboard

Assembled from primitives — adapt at will.

Pattern

Settings

Assembled from primitives — adapt at will.

Full mockups

End-to-end application UIs built entirely from Kairoz primitives. No device frames, no static assets — every element is a live component.

Productivity

Email client

Three-pane inbox — folders, thread list, reader and composer. Tight, purposeful layout.

Retail

E-commerce

Product catalog with filter sidebar, responsive grid, and a sliding cart drawer.

Agent UI

Multi-agent

Parallel agents running in real time — status feeds, tool calls, generative cards.

Media

News & polls

Lead story, category feed, live polls, and a markets ticker in constant motion.

Finance

Stocks

Watchlist, live chart, level-2 order book, and a news rail ticking every 2 seconds.