---
title: "Framer Form Kit | FramerHub"
canonical_url: "https://framerhub.io/plugins/framer-form-kit"
last_updated: "2026-06-15T14:46:34.869Z"
meta:
  description: "Advanced form components for Framer. Multi-step wizards, real validation, conditional logic, 40+ fields. Free tier available. No code required."
  "og:description": "40+ form components. Multi-step wizards, real validation, conditional logic. Free tier available."
  "og:title": "Framer Form Kit — Multi-Step Forms for Framer"
---

Trusted by 1.5k+ Framer Pros

# **The form system **Framer didn't ship**. **

40+ form components. Drag and drop. Configure from properties. No code. Start free, upgrade when you need to.

[**Get Started Free **](https://www.framer.com/marketplace/plugins/framer-form-kit/) **See All Components **

framer.com/plugins/form-kit

**Text****Free**

**Email****Free**

**Select****Free**

**Checkbox****Free**

**Date Picker****Premium**

**File Upload****Premium**

**Rating****Premium**

**Signature****Premium**

**Slider****Premium**

**Toggle****Premium**

**Text****Free**

**Email****Free**

**Select****Free**

**Checkbox****Free**

**Date Picker****Premium**

**File Upload****Premium**

**Rating****Premium**

**Signature****Premium**

**Slider****Premium**

**Toggle****Premium**

**Text****Free**

**Email****Free**

**Select****Free**

**Checkbox****Free**

**Date Picker****Premium**

**File Upload****Premium**

**Rating****Premium**

**Signature****Premium**

**Slider****Premium**

**Toggle****Premium**

**Text****Free**

**Email****Free**

**Select****Free**

**Checkbox****Free**

**Date Picker****Premium**

**File Upload****Premium**

**Rating****Premium**

**Signature****Premium**

**Slider****Premium**

**Toggle****Premium**

## **Every designer hits this wall **

### **Before Form Kit**

Client asks for a multi-step project intake form. Framer gives you a text input and a submit button.

You try custom code overrides. They break on deploy. You embed a Typeform. The brand match is off. Loading speed tanks.

Three meetings later, you're still duct-taping validation with code components that don't talk to each other.

### **After Form Kit**

Open the plugin. Drag a Form Container. Add Text, Email, Phone, Select fields. Set validation from the property panel.

Add a step break — now it's multi-step with a progress bar. Add conditional logic — fields show based on previous answers.

Preview. It works. Publish. The form matches your design system perfectly because it IS your design system.

40+ Components

## **Component Gallery**

#### **Text**

**Free**

Standard text input

#### **Email**

**Free**

Email with format validation

#### **Number**

**Free**

Numeric input with min/max

#### **Textarea**

**Free**

Multi-line text

#### **Phone**

**Free**

Phone with format validation

#### **URL**

**Free**

URL with format validation

#### **Select**

**Free**

Dropdown select

#### **Checkbox**

**Free**

Single checkbox

#### **Submit**

**Free**

Submit button with states

#### **Checkbox Group**

**Premium**

Multiple checkboxes

#### **Radio**

**Premium**

Styled radio buttons

#### **Toggle**

**Premium**

On/off switch

#### **Date Picker**

**Premium**

Calendar date selection

#### **Time Picker**

**Premium**

Time selection

#### **Date Time**

**Premium**

Date and time selection

#### **File Upload**

**Premium**

File attachment

#### **File Multi Upload**

**Premium**

Multiple file attachment

#### **Image Upload**

**Premium**

Image upload

#### **Slider**

**Premium**

Range slider input

#### **Rating**

**Premium**

Star rating

#### **Net Promoter Score**

**Premium**

NPS for numeric rating questions

#### **Password**

**Premium**

Password with strength indicator

#### **Button Group**

**Premium**

Grouped button choices with active states

#### **hCaptcha**

**Premium**

Bot protection with hCaptcha verification

#### **Hidden**

**Premium**

Hidden field for passing metadata silently

#### **Phone Pro**

**Premium**

Advanced international phone input

#### **reCAPTCHA**

**Premium**

Google reCAPTCHA protection for submissions

#### **Repeator**

**Premium**

Repeatable field groups for nested inputs

#### **Summary**

**Premium**

Review step that summarizes entered values

#### **Turnstile**

**Premium**

Cloudflare Turnstile spam protection

#### **Multi Step**

**Premium**

Split forms into multiple guided steps

#### **Next**

**Premium**

Step navigation button for advancing forms

#### **Previous**

**Premium**

Step navigation button for going back

#### **Progress**

**Premium**

Current step indicator for multi-step forms

#### **Progress Bar**

**Premium**

Visual progress bar for form completion

#### **Reset Button**

**Premium**

Reset all fields back to their default values

#### **Signature**

**Pro**

Draw signature

#### **Rich Text**

**Pro**

Rich text input

#### **Color Picker**

**Pro**

Color selection

#### **Image Button**

**Pro**

Image as button

#### **Country**

**Pro**

Country selection

[**View All Components**](https://framerformkit.com/)

### **Multi-Step Forms**

Break long forms into digestible steps. Progress bars. Step indicators. Navigation buttons. Next button validates current step before advancing. Auto-saves to localStorage so users never lose progress.

### **Real Validation**

Required fields, email/phone/URL format checks, character limits, regex patterns, min/max ranges. Errors show inline on blur. Custom error messages that match your brand voice.

### **Conditional Logic**

Show, hide, enable, or disable any field based on other field values. Eight operators: equals, not equals, contains, not contains, greater than, less than, is empty, is not empty. AND/OR matching.

framer.com/plugins/form-kit

![Form Kit plugin interface showing drag-and-drop form builder](https://framerhub.io/framerhub/img/framer-form-kit.svg)

## **Setup in 60 seconds**

**1**

### **Install**

One-click from Framer Marketplace. 60 seconds.

**2**

### **Drag**

Works like native components. Drag fields onto your canvas.

**3**

### **Configure**

Validation, conditions, styling — all from the property panel.

### **Framer Form Kit **

Ready to impress your clients? Stop apologizing for missing features and build powerful, logic-driven forms today.

[**Install Plugin **](https://framer.com/marketplace/plugins/framer-form-kit)

**Free Tier Available**

**27 Form Fields**

## **More from FramerHub **

[<h3>**CMS Filter**</h3>Advanced CMS filtering. Range sliders, multi-field search.**cms****filtering****search**](https://framerhub.io/plugins/framer-cms-filter) [<h3>**Components**</h3>90+ code components in one plugin.**components****code****ui**](https://framerhub.io/plugins/framer-components) [<h3>**CMS Scheduler**</h3>Schedule CMS drafts to publish automatically.**cms****scheduler****automation**](https://framerhub.io/plugins/cms-scheduler)