Validated, accessible, ready to wire up.
Forms
Realistic form flows with client-side validation, first-invalid focus management, live error announcements and every interaction state a real product needs.
Showing 28 of 28 forms
Booking wizard
Party size, then availability, then contact — with unavailable slots shown rather than hidden.
BookingadvancedFeatured4 variantsCheckout wizard
Four steps with the order summary repeated on every one.
CommerceadvancedFeatured5 variantsLogin
Email and password with a form-level rejection that does not reveal which half was wrong.
AuthenticationstarterFeatured6 variantsOnboarding wizard
Four steps ordered to minimise abandonment, with a skippable invite step and a review screen.
OnboardingadvancedFeatured4 variantsPayment method
Card entry with live formatting and a real Luhn checksum.
CommerceadvancedFeatured4 variantsRegister
Account creation with a live password-strength meter that is announced as words, not bars.
AuthenticationintermediateFeatured5 variantsSecurity settings
Password change, two-factor management and a session list with a guarded bulk action.
ProfileadvancedFeatured4 variantsShipping address
Country-aware postcode validation and autocomplete tokens on every field.
CommerceintermediateFeatured3 variantsSimple contact
Three fields with a live character budget and both minimum and maximum length rules.
ContactstarterFeatured4 variantsSupport request
Severity, area, reproduction steps and attachments — with the response time shown before submitting.
ContactintermediateFeatured4 variantsVerification code
An OTP flow with a resend cooldown and a failure state that does not clear the entered code.
AuthenticationintermediateFeatured5 variantsAccount profile
A pre-filled settings form with a live avatar and a character budget.
Profilestarter4 variantsBilling details
Conditional VAT fields for business accounts, with cross-field required rules.
Commerceintermediate4 variantsCustomer onboarding
Workspace creation with a live URL preview and a searchable region picker.
Businessstarter3 variantsDetailed contact
Routing metadata alongside the message, so an enquiry reaches the right team without triage.
Contactstarter4 variantsForgot password
A reset request whose success message deliberately does not confirm whether the account exists.
Authenticationstarter4 variantsJob application
One open question instead of a cover letter, with an optional CV and no demographic fields.
Businessstarter4 variantsMagic link
A one-field sign-in whose success state names the address and offers a correction path.
Authenticationstarter4 variantsMulti-step application
Eligibility first, so nobody completes twenty questions before discovering they cannot apply.
Onboardingadvanced4 variantsNotification settings
An event-by-channel matrix behind a master switch that disables rather than hides.
Profileintermediate4 variantsPartnership enquiry
Multi-select partnership types as selectable cards, plus a substantive proposal field.
Businessstarter3 variantsPreferences
Immediate switches alongside saved selects, with the distinction made explicit.
Profilestarter3 variantsPromotion code
The smallest form in the library, with a distinct message for each way a code can fail.
Commercestarter4 variantsQuote request
A slider-driven live estimate, shown as a range with an explicit caveat.
Businessintermediate4 variantsReset password
Two fields with a cross-field match rule and a strength meter.
Authenticationstarter4 variantsSales enquiry
A qualification form that asks only what changes the conversation — and deliberately omits budget.
Contactstarter4 variantsSetup wizard
A vertical technical configuration flow that generates its summary command from the entered values.
Onboardingadvanced4 variantsVendor onboarding
A compliance form grouped into panels, with country-aware identifiers and document upload.
Businessadvanced4 variants