Live demo
Every field type
Every input on one form — text, choice, matrix, ranking, NPS, file upload and more. Click any card to jump to it in the live form.
Input fields (20)
Short text
short_textSingle-line answers — names, titles, short responses.
e.g. “Your full name”
See it live ↓Paragraph
long_textMulti-line / paragraph answers — feedback, descriptions.
e.g. “Tell us what happened”
See it live ↓
Single choice
single_selectPick exactly one option (radio buttons).
e.g. “Which plan are you on?”
See it live ↓Multiple choice
multi_selectPick any number of options (checkboxes).
e.g. “Which features do you use?”
See it live ↓
Dropdown
dropdownPick one from a long list, compactly.
e.g. “Country”
See it live ↓Number
numberNumeric input with optional min/max.
e.g. “How many seats?”
See it live ↓
emailA validated email address.
e.g. “Work email”
See it live ↓Phone
phoneA phone number.
e.g. “Mobile number”
See it live ↓Name
nameStructured first / last (optional middle) name.
e.g. “Your name”
See it live ↓
Address
addressA postal address, optional country.
e.g. “Shipping address”
See it live ↓
Date
dateA calendar date.
e.g. “Preferred start date”
See it live ↓Time
timeA time of day.
e.g. “Best time to call”
See it live ↓
Rating
ratingStar (or icon) rating, e.g. 1–5.
e.g. “Rate your experience”
See it live ↓
Opinion scale
scaleConfigurable opinion/Likert scale — you pick the range (1–5, 1–7, 0–10) and end labels. The general-purpose one.
e.g. “How easy was this? (1–7)”
See it live ↓NPS (0–10)
npsFixed 0–10 Net Promoter Score with likely/unlikely anchors. Analytics auto-buckets Promoters/Passives/Detractors.
e.g. “Would you recommend us?”
See it live ↓CSAT (1–5)
csatFixed 1–5 customer-satisfaction score, reported as a CSAT %. Purpose-built, not configurable.
e.g. “How satisfied are you?”
See it live ↓
Ranking
rankingDrag options into priority order.
e.g. “Rank these by importance”
See it live ↓
Matrix / grid
matrixA grid — rate several rows on shared columns.
e.g. “Rate each statement”
See it live ↓
Picture choice
picture_choiceChoose from image options.
e.g. “Pick a design”
See it live ↓
File upload
file_uploadUpload one or more files.
e.g. “Attach your résumé”
See it live ↓Structure & logic (3)
Hidden field
hiddenInvisible field seeded from URL params (e.g. utm tracking).
e.g. “utm_source”
Page break
page_breakSplits the form into pages (multi-step flows).
e.g. “— page break —”
Section / text
statementNon-question text — a section heading or intro.
e.g. “Section: About you”
See them live
The same renderer your published forms use. Click any card above to jump to that field. Interact freely — nothing here is saved.