DEV · SHADCN

shadcn/ui primitive sheet

Every standard shadcn component, restyled to the v3 amber/copper tokens. Default state is mostly neutral; amber appears on hover/active; orange is reserved for default-action CTAs and emphasis. Status colors stay status-only.

BUTTON · VARIANTS
default = orange CTA · others neutral or amber-hover
variant
size
state
INPUT · LABEL · TEXTAREA · INPUT-GROUP · OTP
input
textarea
input-group
⌘K
https://
input-otp
SELECT
CHECKBOX · RADIO · SWITCH · TOGGLE
checkbox
radio-group
switch
toggle / toggle-group
slider
value: 60
BADGE · AVATAR · PROGRESS · SKELETON · SEPARATOR
badge
DefaultSecondaryOutlineGhostDestructive
avatar
ACJSMQTC
progress
x
33%
skeleton
separator
Above
Below
CARD · ASPECT-RATIO
card
Notifications
You have 3 unread messages.
We’ll route alerts according to your notification rules.
aspect-ratio
16 / 9
ALERT · ALERT-DIALOG
alert
alert-dialog
DIALOG · SHEET · DRAWER · POPOVER · TOOLTIP · HOVER-CARD
dialog
sheet
drawer
popover
tooltip
hover-card
ACCORDION · COLLAPSIBLE · TABS
accordion

collapsible
tabs
Service health, regional status, recent incidents.
COMMAND · CALENDAR
command
calendar
July 2026
TABLE
Recent enrollments — auto-rotated 02:00 UTC.
ServiceProviderStatusRequests (24h)
claude-opus-4.7AnthropicActive12,408
gpt-4oOpenAIActive9,210
gemini-1.5-flashGoogleDegraded3,012
llama-3.1-70bTogetherStaging512
CHART
recharts via ChartContainer · colors from --chart-1..5
SCROLL-AREA · RESIZABLE
scroll-area
resizable
Sidebar
Content
SONNER · TOAST
toasts
FORM · controlled (registry `form` was empty)

shadcn ships a `Form` wrapper around react-hook-form. The Nova registry entry was empty at install time, so this is a plain controlled form.

RECIPES · v3 patterns composed from shadcn primitives
copy these into Phase 2 PRs — not the bare primitives above
stat-tile
REQUESTS · 24H
2,341
↑ 12.4% vs yesterday
P99 LATENCY
0.92ms
↓ 8.2%
LLM · BYOK
claude-haiku-4.5
$1.00 / 1M input tokens
balance-card
WALLET · USD
$1,247.50
Free plan · auto-recharge off
notif-row
API key prod-gateway created
ALEX CHEN · 12 MIN AGO
Enrolled in claude-haiku-4.5
ALEX CHEN · 2 H AGO
Quota exceeded on embedding-3-large
SYSTEM · 6 H AGO
status-badge
Active Pending Failed Idle
method-chip
GETPOSTPUTPATCHDELETE
status-code
200301404503
mono-cap eyebrow
LAST DEPLOY
2026-05-23 · 14:02 UTC
REGION
us-west-2
COMPOSITES · 1f shared primitives
import from @/components/composites
PageHeader
CUSTOMER · MARKETPLACE

Language Models

42 services from 9 providers — transparent passthrough billing, BYOK or platform keys.

FilterBar (Candidate 4)
Provider
Capability
Context
14 OF 42 MATCH
SORT
AnthropicOpenAITool use≥ 128K
Field + FieldRow

Shown on your invoices.

KVList
Context window
200K
TTFT
280ms
Uptime
99.99%
Price / 1M
$1.00
CredentialChip
PROD KEY
CodeBlock (single + tabs)
quickstart.sh
curl https://api.unitysvc.com/v1/chat/completions \
  -H "Authorization: Bearer $UNITYSVC_KEY" \
  -d '{"model":"claude-haiku-4.5","messages":[{"role":"user","content":"hi"}]}'
quickstart
curl https://api.unitysvc.com/v1/chat/completions \
  -H "Authorization: Bearer $UNITYSVC_KEY" \
  -d '{"model":"claude-haiku-4.5","messages":[{"role":"user","content":"hi"}]}'
PricingCard (3-up, middle featured)
Free
$0/ mo
  • 10K requests
  • Community support
  • BYOK
MOST POPULAR
Team
$49/ mo
  • 1M requests
  • Priority support
  • BYOK + platform keys
  • Usage analytics
Enterprise
Custom
  • Unlimited
  • SLA + SSO
  • Dedicated support
ListTable (selectable + pagination)
ServiceProviderContext$/1M
claude-haiku-4.5Anthropic200K$1.00
gpt-4.1-miniOpenAI1M$0.40
claude-sonnet-4.5Anthropic200K$3.00
gpt-4.1OpenAI1M$2.00
StatTileStrip (4 tiles, one featured)
REQUESTS · 30D
184K
▲ 12%
ERROR RATE
0.4%
▼ 0.1%
AVG TTFT
312ms
→ flat
SPEND · 30D
$221
WhoCell
AC
Alex Chen
alex@northwind.dev
Panel

Recent activity

LAST 24H

Panel body content goes here.

ServiceCard (featured + normal)
A
claude-haiku-4.5
ANTHROPIC · CHAT · TOOLS
FEATURED

Anthropic's fastest production model. Sub-ms TTFT, transparent passthrough billing, BYOK or platform keys.

CTX
200K
TTFT
280ms
UPTIME
99.99%
TOOLSVISIONJSONBYOK
$1.00 / 1M tokens● 99.99%
O
gpt-4.1-mini
OPENAI · CHAT · TOOLS · VISION

Mid-tier OpenAI model. Solid reasoning, multimodal input, broad tool support.

CTX
1M
TTFT
340ms
UPTIME
99.97%
TOOLSVISIONBYOK
$0.40 / 1M tokens● 99.97%
BalanceStrip (3 balances)
USD WALLET
$1,847.22
Auto-recharge at $250
CREDITS
$412
1 credit ≈ $0.01
PROMO
$25
Expires Jun 30
SplitLayout (list + sticky panel)

Enrollments

Left pane list content.

Details

STICKY

Right pane sticks on lg+.

TabsWithCounts
CategoryTile
Language Models42 services
claude-haiku-4.5gpt-4.1-mini
Embeddings18 services
text-embedding-3-largevoyage-3