---
title: "Framer Form Kit — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by FramerHub.io  · Utilities. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/plugin/framer-form-kit"
---

[Home](/)/[Plugins](/plugins)/[Utilities](/plugins/category/utilities)/Framer Form Kit

# Framer Form Kit

Multi-step forms & validation

[View on Framer](https://framer.com/marketplace/plugins/framer-form-kit/?via=elliot-li)

![Framer Form Kit preview image 1](https://framer.elliotli.dev/og/plugin/framer-form-kit/dc665abf6c7cc1fb/1600x1200.jpg)

## Summary

Framer Form Kit

## Description

## The form system Framer

Framer gives you beautiful pages. FormKit gives you forms that actually work.

[Browse Form Templates (FREE)](https://framerformkit.com/templates?utm_source=framer_marketplace&utm_medium=referral&utm_campaign=framer_form_kit_listing&utm_content=templates_cta)

Drop in 35+ field components — text, email, date pickers, file uploads, star ratings, signature pads and configure everything from the Properties Panel. No code. No embeds. No switching tools.

### What you get

**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.

**Multi-step forms**

Break long forms into steps with progress bars, step indicators, and navigation buttons. The Next button validates the current step before advancing. Auto-saves to localStorage so users never lose progress.

**Conditional logic**

Show, hide, enable, or disable any field based on other field values. Eight operators (equals, contains, greater than, is empty, etc.) with AND/OR matching. Hidden fields automatically skip validation.

**Full styling control**

Every component exposes Input Styles, Label Styles, Error Styles, Focus Styles, and Success Styles directly in the Properties Panel. Style one field, then Ctrl+Alt+C / Ctrl+Alt+V to copy styles across your entire form.

**URL parameter prefill**

Pre-populate fields from URL query strings. Link from email campaigns, ads, or landing pages with \`?[email=user@example.com](mailto:email=user@example.com)&source=newsletter\` and fields fill automatically.

### 35+ components

### 3 steps to your first form

1.  Open FormKit from the Plugins bar
    
2.  Click any component to insert it into your Framer Form
    
3.  Set the field name, label, and validation in the Properties Panel
    

That's it. Preview your page and the form works.

## Rank history [How rankings work →](/terms#rankings)

-   All · #179

## Details

- **Author**: FramerHub.io
- **Published**: 2026-02-22
- **Updated**: 2026-11-09
- **Added**: 2026-02-22
- **Categories**: Utilities

## More across types

-   [Ticker Marquee](/component/ticker-marquee) — Ahmet Loca · $6 — Ticker Marquee TickerMarquee is a premium animated marquee component for Framer featuring two diagonally intersecting, infinite-scroll text…
-   [Segmented Loader](/component/segmented-loader) — Azardam Studio · Free — Segmented circular loader for modern UI
-   [Attention Tab](/component/attention-tab) — Benjamin Michael Bremer · $2 — an utilities template

## More like this

-   [Asset Vault](/plugin/framerhub-vault) — FramerHub.io · Free — Asset Vault helps you keep reusable Framer assets in one place.
-   [FramerSend Fields](/plugin/framersend-fields) — Dong P. TRINH · Free — 60+ fields for native Framer forms
-   [Incognito Detect](/plugin/incognito-detect) — Samuel Silva · Free — Incognito Window Detect
-   [FrameLock - Lock Pages & Sections](/plugin/framelock-lock-pages-sections) — Elias ALVES · Free — Lock pages and sections behind a P