Get started

DGit UI is a shadcn registry: shadcn add copies the source into your project. It expects a shadcn project (a components.json and cn in lib/utils) on Tailwind v4.

1. Add the registry

In components.json:

{
  "registries": {
    "@dgit": "https://ui.dgit.co/r/{name}.json"
  }
}

2. Add the theme and what you need

npx shadcn add @dgit/theme @dgit/use-theme @dgit/account-menu @dgit/app-header

3. Wire the theme

Import the theme after Tailwind, and set the saved light or dark choice before the first paint:

@import "tailwindcss";
@import "./dgit.css";
import { themeScript } from "~/lib/theme";

<head>
  <script dangerouslySetInnerHTML={{ __html: themeScript }} />
</head>

Everything in the registry