tlb-design-system
the-launch-box.github.ioUnverifiedrepo only
TLB Design System: shadcn/ui primitives + composites + token system. Distributed as a shadcn custom registry over GitHub Pages.
Items
45
2026-08-03Every entry in its own registry.json, counted last night.Free to install
0
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
yesterday
1 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| alert-dialogalert-dialog | Destructive confirmations. Confirm action defaults to destructive variant. | Components | Unverified | no deps | |
| app-shellapp-shell | Top-level layout: sidebar slot + topbar slot + scrollable main. Used at the root of every TLB internal app. | Components | Unverified | no deps | |
| badgebadge | Status pill. Default uses orange-tint accent. rounded-sm not full. | Components | Unverified | no deps | |
| brand-markbrand-mark | Official TLB wordmark inside a black lozenge. Three pre-sized variants for sidebar tile, header chip, and large branded surface. | Components | Unverified | no deps | |
| buttonbutton | Primary action element. TLB orange default, charcoal secondary, dark-orange destructive. | Components | Unverified | no deps | |
| cardcard | Default container block. CardTitle uses font-display uppercase per TLB convention. | Components | Unverified | no deps | |
| chart-tooltipchart-tooltip | Themed recharts tooltip content: monospace card with one line per series. Accepts a format function for currency/percent rendering. | Components | Unverified | no deps | |
| checkboxcheckbox | Boolean or multi-select checkbox. Checked state uses TLB orange. | Components | Unverified | no deps | |
| cta-bannercta-banner | Closing call to action on an accent surface. | Components | Unverified | no deps | |
| data-tabledata-table | Generic table with @tanstack/react-table headless + shadcn Table primitives. Sort + paginate built in. | Components | Unverified | no deps | |
| deltadelta | Formatted change indicator with directional marker, mono numerals, and pos/neg tokens. Derives sign from the numeric value. | Components | Unverified | no deps | |
| dialogdialog | Non-destructive modal. Title is font-display uppercase. | Components | Unverified | no deps | |
| dropdown-menudropdown-menu | Action menu attached to a button or row. Destructive items use text-destructive. | Components | Unverified | no deps | |
| empty-stateempty-state | Standardized empty placeholder: icon, headline, description, primary action. | Components | Unverified | no deps | |
| feature-cardfeature-card | Icon, title, description card for capability grids. | Components | Unverified | no deps | |
| file-uploadfile-upload | Drag-and-drop file dropzone with click-to-browse fallback. Reads selected file as text and forwards via onFile. Suits CSV imports. | Components | Unverified | no deps | |
| formform | react-hook-form integration. Pairs with zod schema in src/schemas/. | Components | Unverified | no deps | |
| herohero | Token-driven marketing hero. Eyebrow, headline, optional highlight clause, body, actions. | Components | Unverified | no deps | |
| inputinput | Single-line text input. Always paired with a Label. | Components | Unverified | no deps | |
| kpi-cardkpi-card | Headline dashboard metric: label, value, optional delta, optional lucide icon. | Components | Unverified | no deps | |
| labellabel | Form label. Required on every form field per TLB a11y rule. | Components | Unverified | no deps | |
| live-synclive-sync | Pulsing-dot status chip for live data freshness: ok (green), stale (amber), down (red), paired with a status label. | Components | Unverified | no deps | |
| logo-cloudlogo-cloud | Row of partner or client marks. | Components | Unverified | no deps | |
| page-headerpage-header | Standardized page header: uppercase TLB-orange title, subtitle, right-aligned actions. | Components | Unverified | no deps | |
| popoverpopover | Interactive floating panel: filter pickers, inline edit, date pickers. | Components | Unverified | no deps | |
| primitives-stripprimitives-strip | Buttons plus badges row proving token cascade. | Components | Unverified | no deps | |
| process-stepprocess-step | Numbered or phase-labeled step: index, icon, title, description. | Components | Unverified | no deps | |
| quote-cardquote-card | Testimonial card: quote, author, role. | Components | Unverified | no deps | |
| radio-groupradio-group | Single choice from 2 to 5 visible options. | Components | Unverified | no deps | |
| section-headersection-header | Section opener: eyebrow, heading, optional intro. | Components | Unverified | no deps | |
| selectselect | Single-choice selector for short option lists (under 12 items). | Components | Unverified | no deps | |
| separatorseparator | Visual divider. Replaces native hr element. | Components | Unverified | no deps | |
| sheetsheet | Side panel for secondary detail or quick edit. Defaults to right side. | Components | Unverified | no deps | |
| signal-badgesignal-badge | Data-signal pill for financial transaction state (settled/pending/failed/draft) with a dot prefix. Distinct from workflow StatusBadge. | Components | Unverified | no deps | |
| skeletonskeleton | Loading placeholder. Use one per visible block. | Components | Unverified | no deps | |
| sonnersonner | Toast notifications. Mount Toaster at app root. One toast per user action. | Components | Unverified | 1 dep | |
| sparklinesparkline | Inline bar-chart sparkline for KPI cards and dense rows. Values normalized 0..1; trailing bar colored by trend direction. | Components | Unverified | no deps | |
| stat-calloutstat-callout | Display figure plus label on a card surface. | Components | Unverified | no deps | |
| status-badgestatus-badge | Status pill with paired lucide icon. Statuses: draft, pending, approved, rejected. | Components | Unverified | no deps | |
| switchswitch | Boolean toggle with immediate effect. Prefer over checkbox when state changes instantly. | Components | Unverified | no deps | |
| tabletable | Basic table. Headers are font-display uppercase. For sort/paginate use the DataTable composite. | Components | Unverified | no deps | |
| tabstabs | Top-level switching inside a page. Never nested inside a card. | Components | Unverified | no deps | |
| textareatextarea | Multi-line text input. Minimum 3 rows. | Components | Unverified | no deps | |
| tool-launchertool-launcher | Card-style launcher tile for a dashboard tools grid: icon chip, title, description, meta line, arrow indicator on hover. | Components | Unverified | no deps | |
| tooltiptooltip | Short hover/focus label. Inverted: foreground bg, background text. Never for required info. | Components | Unverified | no deps |
