Open source · shadcn registry
A component library for the screens teams live in.
An open-source React component library on shadcn/ui, for data-dense product UI: issue lists, inboxes, tables, charts and AI interfaces. Install what you need, own the code, retune the look at runtime.
Free and open source. No runtime to install.
ui/issue-list.tsx01 / The library
Building blocks for real product screens.
Lists and tables.
Issue lists, data tables and filter bars with grouping, selection and keyboard navigation. Dense by default.
Dashboards and data.
Charts, metrics, sparklines and status rows for dashboards and monitoring screens.
Interfaces for AI.
Tool calls, reasoning, plans and terminal output: components for building agent and chat products.
- Reproduce the failing sort test
- Handle missing accessors in sortRows
- Run the data-table test suite
02 / Messaging
Message threads, ready to drop in.
Thread, composer and conversation list components with internal notes, events and reply modes. Compose them into an inbox or a chat, or use each one on its own.
See the message components03 / Yours to retune
Make it look like your product.
Every component follows the same tokens: themes, heading and body fonts, density, corner radius, even sidebar style. Open the theme menu in the header and try it on this page.
Read the theming guide04 / Add, own, retune
From install to shipped, with nothing in between.
Add
Install with the shadcn CLI. It lands in your repo as plain source.
pnpm dlx shadcn@latest add …/r/issue-list.jsonOwn
Read it, change it, delete what you don't need. There is no package to upgrade.
src/components/ui/issue-list.tsxRetune
Theme, fonts, density, radius and sidebar style are tokens. Change them at runtime.
<html data-theme="nord" data-density="compact">Start with one component.
Add the tokens, then anything else you need. It all stays in your repo.