Installation

Set up fieldkit once, then add inputs one at a time.

Requirements

React 19With React DOM 19
Tailwind CSS v4With the shadcn/ui theme tokens
shadcn/uiAny Base UI or Radix style
The @/ aliasMapped to src/

Install the core

Form and the schema helpers.

1

Add the registry

Once per project.

components.json

{  "registries": {    "@fieldkit": "https://fieldkit.muturi.dev/r/{name}.json"  }}

2

Run the command

bunx --bun shadcn@latest add @fieldkit/form

Add inputs

FormTextSingle-line text
FormEmailTypo hints, domain checks, code verification
All inputsEach input has its own command

Keep up to date

Pull the latest fieldkit code into your app with one command.

1
Add the sync script
Once per project.
```
bunx --bun shadcn@latest add @fieldkit/sync
```
2
Add items with the script
It lists them in fieldkit.json.
Terminal
```
node scripts/fieldkit-sync.mjs add form form-email
```
3
Update
Your shadcn/ui components stay untouched.
Terminal
```
node scripts/fieldkit-sync.mjs
```