Products

Courses

Resources

Products

Courses

Resources

Help Centre

How can we help?

Search Docs

How to create a new form in Framer

How to create a new form in Framer

How to create a new form in Framer

Add a form builder in the insert menu

  1. Open the insert menu with the + button in the top left.

  2. Hover over the "Forms" button on the left.

  3. Click on the "Form Builder" button at the top.

Now you have a new form with a few inputs and a submit button!

Add form inputs

  1. Open the insert menu with the + button in the top left.

  2. Hover over the "Forms" button on the left.

  3. Click on the "Form Builder" button at the top.

Now you have a new form with a few inputs and a submit button!

Add more form inputs with FramerForms

FramerForms adds tons of new inputs that are fully compatible with Framer's form builder! You can mix and match Framer inputs with input components from FramerForms.

Click on any of the buttons below to copy, then paste into a form in your Framer project.

Make your form a multi-step form (optional)

Now that you've customized your form, you can turn it into a multi-step form with multiple pages, previous and next buttons for navigating pages, and conditional logic.

Framer Forms power ups for pros

Unparalleled form-building with FramerForms. Multi-step forms, file uploads, conditional logic & more!

Framer Forms power ups for pros

Unparalleled form-building with FramerForms. Multi-step forms, file uploads, conditional logic & more!

Framer Forms power ups for pros

Unparalleled form-building with FramerForms. Multi-step forms, file uploads, conditional logic & more!

Building the Framerverse 🚀 - an ecosystem of products & education for Framer.

© 2024 Insert Frame Pty LTD

Home

Live Chat

What's New

Help

Available Mon - Fri

9AM - 5PM AEDT

Hey builder!

How can we help?

General

Find help for general questions related to our product or services.

Accounts & Billing

Get in touch with questions about your account.

FramerForms

Get support with FramerForms

Framer Career Accelerator

Get support with Framer Career Accelerator

Superfields

Get support with Superfields

Thenty

Get support with Thenty

VideoFrame

Get support with VideoFrame