Learn Framer Form Kit

Guides to help you build better forms in Framer — from your first field to advanced flows.

Open the plugin, drop in fields, add validation. The complete walkthrough from zero to working form.

Go beyond required — validate emails, phone numbers, URLs, and custom regex patterns before the form submits.

Show, hide, enable, or disable fields based on user answers. Build forms that adapt to each response.

Customize every input, label, error, and success state. Match your brand with zero CSS.

Break long forms into steps with progress bars, navigation buttons, and automatic state saving.

Browse all 35+ form components — inputs, selectors, file uploads, and more. Grouped by tier.

Ready to impress
your clients?

Form Kit has 35+ components — from file uploads to signature pads to multi-step wizards. All drag-and-drop, all zero-code.

35+ components

No credit card

60s install