Forms built with Claude
Six complete, working forms — a multi-step wizard, a one-question-at-a-time flow, a checkout, a restaurant booking, a signup and a product survey. Every one designed and built by Claude in a single conversation, with the validation, formatting and micro-interaction hand-written. No form builder, no plugin. This is what the Claude website builder puts inside the pages it builds.
Six forms, six interaction patterns, one builder
Each preview below is the real form running live — not a screenshot. Type in them, tab through them, get things wrong on purpose: the validation, auto-formatting and animation are all part of the single HTML file Claude wrote.
What these six forms demonstrate
Every form on this page is one self-contained HTML file with no frameworks and no form-builder plugin. Claude writes the markup, styling, validation and interaction logic directly, so the same patterns drop straight into any page it builds for you.
Multi-step logic. The project-brief wizard splits a long form into four validated steps with a persistent summary rail and a review-and-edit screen — the pattern that lifts completion on long forms.
One thing at a time. “Don’t Make Me Think” shows one question per screen with staged slides, auto-advancing choices, keyboard hotkeys and an email typo fixer — Typeform-style, in one file.
Payment UX. The checkout formats card numbers as you type, detects Visa, Mastercard and Amex, validates with the Luhn checksum and flips a 3D card when you reach the security code.
Scheduling. The reservation form draws its own calendar, strikes out fully-booked days, offers only available time slots and prints a live ticket that stamps when you confirm.
Micro-interaction. The signup’s mascot reacts to every field — it watches you type and covers its eyes for the password — while a meter scores password strength live.
Survey widgets. The feedback form is a component zoo: an 11-point NPS scale, emoji moods, star ratings, a slider with a value bubble, multi-select chips and a character-count ring.
See what else Claude builds
Thirty-four complete landing pages
34 designsFull pages, front to back — thirty-four industries, thirty-four designs. Live and interactive, not screenshots.
Browse landing pages →Twenty-two hero banner designs
22 designsThe first thing anyone sees: split screens, aurora gradients, particle fields, liquid chrome and an orbital Earth at night.
Browse hero banners →Your forms could work like this
Every form above started as a sentence. Describe the form your site needs — a quote wizard, a booking flow, a signup — and Claude designs it, builds it and wires it into your site, live on your own hosting from £6.99/month.