Basic Form

A comprehensive form demo with all field types.

All Form Inputs Demo

Every possible form input — built with TanStack Form + shadcn/ui

Text Inputs

0 / 500

Select & Combobox

Searchable dropdown

Checkbox & Radio

Select all that apply

Toggle & Switch

Receive updates about new features and products

Multi-select toggle group

Slider

05/1010

Rate your experience (0-10)

Date & Time

Special Inputs

6-digit OTP input

Native color picker with hex

Press Enter or click Add to create tags

File Upload

Drag & drop or click to upload (max 5MB)

Form Data Preview
{
  "name": "",
  "email": "",
  "age": 18,
  "password": "",
  "phone": "",
  "website": "",
  "bio": "",
  "country": "",
  "framework": "",
  "interests": [],
  "gender": "",
  "newsletter": false,
  "rating": 5,
  "eventTime": "",
  "favoriteColor": "#6366f1",
  "otp": "",
  "formatting": [],
  "tags": [],
  "terms": false,
  "avatar": []
}