Skip to content
Theme
Accent
Voice
SkillCase StudiesComponentsExamplesThemingBest PracticesPhilosophyGitHub ↗

This whole registry and philosophy is available as a Claude Code Agent Skill — install it and Claude builds UI with it directly.

Install the Skill →
Components · Form

Form

$ npx @dhruvchoudhary/dsgn add form

Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage — built on react-hook-form. Resolver-agnostic; zodResolver is the recommended pairing.

Resolver-agnostic — pair with zodResolver in your own useForm() call for schema validation.

Accent
Voice
Corner radius

This is applied to the whole site live, not just this panel. Export it as CSS →