# goodtabs UI

> Free shadcn components in one calm, production-grade look. Picked by a person, installable by your agent. MIT.

## Install

```bash
npx shadcn@latest add https://ui.goodtabs.co/r/<name>.json
```

Or add the namespace to components.json: `"registries": { "@goodtabs": "https://ui.goodtabs.co/r/{name}.json" }` and run `npx shadcn@latest add @goodtabs/<name>`.

## Rules

- Every component reads shadcn theme tokens only, so it matches the project's theme and works in light and dark.
- Each component page has a markdown twin at /components/<name>/prompt.md with usage, props, when to use, when not to use and agent notes.
- The catalog is at https://ui.goodtabs.co/r/registry.json.

## Components

- browser-frame: A browser window around any content, with tabs and an address field. https://ui.goodtabs.co/components/browser-frame/prompt.md
- confirm-dialog: Asks one question before an action, with a pending state for async confirms. https://ui.goodtabs.co/components/confirm-dialog/prompt.md
- copy-button: Copies a value to the clipboard and confirms with a check mark. https://ui.goodtabs.co/components/copy-button/prompt.md
- hero: A marketing hero with eyebrow, title, actions, a stats strip and a visual slot. https://ui.goodtabs.co/components/hero/prompt.md
- navbar: A site header with logo, links and actions that folds into a sheet on small screens. https://ui.goodtabs.co/components/navbar/prompt.md
- search-input: A search field with a leading icon, a clear button and a keyboard hint. https://ui.goodtabs.co/components/search-input/prompt.md
- segmented-tabs: Tabs on a pill track with one indicator that slides to the active tab. https://ui.goodtabs.co/components/segmented-tabs/prompt.md
- simple-table: A typed data table with column sorting, a sticky header and an empty state. https://ui.goodtabs.co/components/simple-table/prompt.md
- stat-card: A number with its label, a change with a trend arrow, and a quiet footnote. https://ui.goodtabs.co/components/stat-card/prompt.md
- toaster: Sonner set up for the goodtabs look: bottom right, monochrome, with lucide icons. https://ui.goodtabs.co/components/toaster/prompt.md