Forms

Forms with built-in validation, built with shadcn/ui. React Hook Form or TanStack Form. Copy and paste.

React Hook Form
TanStack Form

Fields

Bind individual input primitives like select, switch and checkbox to the form.

Select
Command
Dropdown
Text Input

Shown on your public profile. Max 160 characters.

Textarea

$0 / month

Slider
Email subscriptions
Checkbox Group
Toggle Group

Rules

Validation logic: format checks, strength rules and cross-field constraints.

Change password
Pick a strong password and confirm it matches.

8+ characters, one uppercase and one number.

Password Confirmation
Email address
Enter the email where we can reach you.

We'll never share your email.

Email Address
Number range
Tell us how many you'd like to order.

Pick a whole number between 1 and 99.

Number Range
Character limit
Keep your bio short and to the point.
0/160
Character Limit

Recipes

Ready-to-use forms for common real-world flows.

Contact us
Drop us a line and we'll get back to you shortly.
Contact Form
Create your account
Get started in less than a minute.

8+ characters, one uppercase and one number.

Create Account
Sign in
Use your email and password to continue.
Sign In
Newsletter
Get product news in your inbox.
Newsletter

Advanced

Composed forms: dynamic field arrays, nested data and multi-group state.

Invite your team
Fill in a teammate, confirm it, then manage each one in place.
No teammates yet
Invite people by email and assign each one a role.
Dynamic Field Array
Create invoice
Add a client, then build the line items one at a time.
Line items
No line items
Add billable items to build out this invoice.
Form in a Dialog