Copy-paste Tailwind CSS for forms: real input types, real states, real layouts. Every example renders live on this page, next to the exact code behind it.
Backend-agnostic. Drops into a BootForm form, any other backend, or one that doesn't submit anywhere yet.
Date, number, phone, file upload, select, radio group, checkbox group.
Focus, validation and error, success, submitting, and dark mode.
Stacked, floating label, card, inline, and two-column grid arrangements.
A form paired with contact info, an embedded map, an FAQ, or a newsletter band.
Every <form> here uses
action="https://f.bootform.com/{form_id}"
as a stand-in. Replace {form_id}
with your own, or swap the action
and field names for whatever backend you're actually using; the styling doesn't care which.
See contact-form-recipes
for wiring the actual submission per static site generator.