Forms

Inset Forms

Forms is a composable collection for polished product workflows. Its controls use theme tokens, soft inset surfaces, consistent focus feedback, and small state transitions that remain practical in production.

The signup example combines Field, Input, PasswordInput, Select, Textarea, Checkbox, FormGrid, and FormSection with React Hook Form and Zod validation.

Included Components

• Field for labels, descriptions, validation messages, and input groups.
• Input, Password Input, Select, Textarea, and Checkbox.
• Form Grid and Form Section for responsive inset compositions.
• React Hook Form + Zod for validated implementations.

Install The Example

pnpm dlx shadcn@latest add https://matos-ui.com/r/signup-form-demo.json