LaunchKit UI — 15 React + Tailwind components

Every block below is a faithful, pixel-matched mock of the real component. The purchased pack is TypeScript source with full accessibility wiring: focus traps, roving tabindex, ARIA attributes, keyboard navigation.

Button — 5 variants · 3 sizes · loading state

React API: <Button variant="destructive" loading leftIcon={<Icon/>}>

Input — label, hint & error wiring

We'll never share your email.
That key has expired. Generate a new one in Settings → API.

Select — styled native control

You can change plans at any time.

Tabs — click or use arrow keys

Project summary and key metrics. 12 open tasks, 3 due this week.

Real component: roving tabindex + ArrowLeft/Right/Home/End.

Accordion — single mode, collapsible

Orders leave our warehouse within 48 hours. Domestic delivery takes 2–5 business days; international 7–14.

Modal & Toast — try them

Real Modal: portal + focus trap, Escape/backdrop close, scroll lock, focus restore. Real Toast: useToast() hook, hover-pause timers, role="status".

Tooltip — hover or focus the buttons

Copy to clipboard Invalidates the current key Requires an admin role

Real component: configurable side + delay, Escape hides, aria-describedby wiring.

Dropdown Menu — click to open

Real component: arrow-key item focus, Home/End, Escape refocuses trigger.

Badge — 6 tones, optional dot

Active Trial ends in 3 days Payment failed Beta Draft v2.4.0

Avatar — initials fallback + presence

PR MC JT AH SO

Same name → same colour, deterministically. Broken image URLs fall back to initials.

Skeleton — text · circular · rectangular

Card — composable surface

Monthly revenue
Net of refunds, updated hourly.
$48,205
↑ 12.4% vs last month

Pagination — click a page

Smart ellipsis collapsing — getPaginationRange() is exported for custom layouts.

EmptyState — first-run & zero results

No invoices yet

Invoices you create or receive will show up here.