Registry
Copy React DNS components, such as a records table, status badge, and copy button, from the DomainKit shadcn registry and use your own data and styles.
The DomainKit registry contains React components for custom-domain setup and DNS interfaces. Add the files to your application with the shadcn CLI, then own their markup and styling.
The registry follows shadcn conventions. Your project needs an initialized components.json;
required shadcn primitives are listed as registryDependencies, and the CLI installs those for you.
Components accept native element props and className, use data-slot attributes, and inherit your
shadcn color, radius, and focus-ring tokens.
The flow
The flow items install into components/domainkit/ and are written against @domainkit/react and
your own kit, on the Base UI idiom: components take render, not asChild. They are the one styled
path DomainKit ships.
Domain flow
The whole of one domain’s setup, on one hook.
Provider row
Who serves the zone, and the one action.
Records table
The records to add, and where each one stands.
Plan action
Approve a plan’s digest and apply it in one press.
Connect dialog
A provider’s methods, one decision at a time.
Disconnect dialog
Release a provider and remove what it holds.
Domain field
One input over every zone your accounts reach.
Outcome
A failed step in the catalog’s words.
Provider artwork
Your logo per provider, with no tile around it.
The display components
These install into the configured ui alias, take plain props, and import no DomainKit runtime: no
domainkit, no Effect, no transport, no provider client. They suit a product that already has its
own state and only needs the surface.
DNS table
Show DNS records in a compact, responsive table.
DNS operation
Show one planned create, no-op, conflict, or delete.
DNS status
Show a status label with an explicit tone.
Provider mark
Wrap a provider logo or mark with an accessible label.
Copy value
Add a copy action to a DNS value with no DomainKit dependency.
Async state
Show loading, empty, and error states with simple children.
Install from the registry
Install one item or several items directly into your application:
npx shadcn@latest add https://domain-kit.dev/r/domain-flow.jsonpnpm dlx shadcn@latest add https://domain-kit.dev/r/domain-flow.jsonyarn dlx shadcn@latest add https://domain-kit.dev/r/domain-flow.jsonbunx shadcn@latest add https://domain-kit.dev/r/domain-flow.jsonnubx shadcn@latest add https://domain-kit.dev/r/domain-flow.jsonaube dlx shadcn@latest add https://domain-kit.dev/r/domain-flow.jsonThe source is yours after you copy it. Change its classes, icons, and layout to fit your design system. Keep credentials, authenticated routes, storage, and readiness rules outside it: the behaviour behind the flow still runs through the transport your server owns.
The components overview lists every item, and the registry guide covers where the boundary sits between a copied file and the transport behind it.