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 40+ form components — inputs, selectors, file uploads, and more. Grouped by tier.

Ready to impress
your clients?

Form Kit includes 9 free basics, 36 Premium components, and 40+ components in Pro. All drag-and-drop, all zero-code.

9 free basics

36 Premium

40+ Pro