Components
React components for custom domain setup: a full flow, a DNS records table, and status badges. Copy them into your app with shadcn and preview them live.
Everything on these pages is a file you copy into your project. @domainkit/react supplies the
behaviour, the state, the copy, and the accessibility; the registry supplies the markup, written
against your own kit.
The previews run the real lifecycle against an in-memory server, so clicking through them behaves the way a real integration does.
The flow
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 take plain props and import no DomainKit runtime, for a product that already has its own state.
Registry overview
What the copied components are, and where the boundary sits.
DNS table
DNS records in a compact table.
DNS operation
One planned create, no-op, conflict, or delete.
DNS status
A compact status label.
Provider mark
An accessible wrapper for provider artwork.
Copy value
A DNS value with a copy action.
Async state
Loading, empty, and error states.
Start with the React overview to see what the hooks behind these files hand you.