---
name: "@dgit"
slug: "dgit"
description: "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."
category: "Auth/identity"
tags: ["auth", "buttons", "dashboard", "hooks", "navigation", "pro-available", "theming"]
framework: "react"
license: "MIT"
author: "dgitco"
website: "https://ui.dgit.co"
github: "https://github.com/dgitco/ui"
registry: "https://ui.dgit.co/r/registry.json"
pro: true
pro_url: "https://ui.dgit.co/pricing"
github_stars: 1
component_count: 11
generated_at: "2026-10-10T06:32:55.998Z"
---

# @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.

## Links

- Website: https://ui.dgit.co
- GitHub: https://github.com/dgitco/ui
- Registry JSON: https://ui.dgit.co/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/dgit
- This file: https://sh4dcn.vercel.app/md/dgit.md
- Pro / pricing: https://ui.dgit.co/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://ui.dgit.co/r/registry.json
pnpm dlx shadcn@latest add https://ui.dgit.co/r/registry.json
bunx shadcn@latest add https://ui.dgit.co/r/registry.json
# clone the source repo
git clone https://github.com/dgitco/ui.git
# fetch the raw registry index
curl -s https://ui.dgit.co/r/registry.json
```

## Components (11)

| name | type | description | install |
| --- | --- | --- | --- |
| theme | registry: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` |
| use-theme | registry: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` |
| button | registry:ui | Pill buttons, 40px tall by default. | `npx shadcn@latest add https://ui.dgit.co/r/button.json` |
| menu | registry: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 | registry: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 | registry:ui | PageHeader, Section, List (rounded rows), Notice, and ago() for relative times. | `npx shadcn@latest add https://ui.dgit.co/r/page.json` |
| copy | registry:ui | CopyButton and CopyField (a monospace value with a copy button). | `npx shadcn@latest add https://ui.dgit.co/r/copy.json` |
| segmented | registry:ui | Two or three choices in one small pill. | `npx shadcn@latest add https://ui.dgit.co/r/segmented.json` |
| app-header | registry: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 | registry: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` |
| auth-page | registry: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` |

## For AI agents

```text
You are adding components from @dgit to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/dgit.md) for the component list.
2. Fetch the machine-readable index: https://ui.dgit.co/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: dgit).
```