@dgit

Quiet, sharp React components for dashboards and sign-in screens: a neutral light and dark theme, pill buttons, menus, an account menu, an app header, a sidebar layout, and a sign-in page.

12 components pro available react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗ pro ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://ui.dgit.co/r/registry.json

pnpm pnpm dlx shadcn@latest add https://ui.dgit.co/r/registry.json

bun bunx shadcn@latest add https://ui.dgit.co/r/registry.json

fetch registry curl -s https://ui.dgit.co/r/registry.json

Components

12 total

Theme file

Neutral gray scale (light and dark), shadcn's color names on it, type scale, menu animation. Import after Tailwind.

npx shadcn@latest add https://ui.dgit.co/r/theme.json

useTheme lib

System, light or dark, kept in localStorage and applied as <html data-theme>. Includes the first-paint script.

npx shadcn@latest add https://ui.dgit.co/r/use-theme.json

Docs lib

Docs pages as HTML strings, no framework: Markdown with Mintlify's components (Steps, Accordion, callouts, Card, Frame, Columns, Tabs, CodeGroup, Icon, Tooltip…

npx shadcn@latest add https://ui.dgit.co/r/docs.json

Button ui

Pill buttons, 40px tall by default.

npx shadcn@latest add https://ui.dgit.co/r/button.json

Menu ui

A floating panel from a trigger: 12px corners, 36px rows, grows from the trigger. No positioning library.

npx shadcn@latest add https://ui.dgit.co/r/menu.json

Account menu ui

Avatar button and menu: name and email, a system/light/dark switch, your links, log out.

npx shadcn@latest add https://ui.dgit.co/r/account-menu.json

Page ui

PageHeader, Section, List (rounded rows), Notice, and ago() for relative times.

npx shadcn@latest add https://ui.dgit.co/r/page.json

Copy ui

CopyButton and CopyField (a monospace value with a copy button).

npx shadcn@latest add https://ui.dgit.co/r/copy.json

Segmented ui

Two or three choices in one small pill.

npx shadcn@latest add https://ui.dgit.co/r/segmented.json

App header block

Dashboard top bar: brand, pill navigation, and a slot for the account menu.

npx shadcn@latest add https://ui.dgit.co/r/app-header.json

Sidebar layout block

Dashboard with a sidebar: drill-in groups and route layers that slide in with a back row, a top bar with a scope switcher and breadcrumbs, a drawer on phones.

npx shadcn@latest add https://ui.dgit.co/r/sidebar-layout.json

Sign-in page block

Centered 384px column, 30px title, stacked 40px pill choices, code field, 'Signing in to <app>'.

npx shadcn@latest add https://ui.dgit.co/r/auth-page.json