Creating your first form in Framer

The new Form Builder brings fully functional, interactive forms natively to Framer, without the need for any third party components or integrations. In this tutorial Joseph shows you how easy it is to build a form, style it, and publish it to the web without writing a single line of code.

00:00 Intro
00:21 Adding the Form Builder
00:35 Anatomy and layout
02:14 Input Categories
02:55 Text Input Types
04:52 Styling
05:50 Adding a Focus State
07:19 The Submit button component
08:15 Form States
08:37 Setting up a Success Redirect
08:56 Choosing Where to Send Submissions
10:17 Wrap up

🌞 Start for free: https://framer.link/yt
📚 Learn more at: https://framer.link/yt-academy
💎 Join the Community: https://framer.link/yt-community
🎉 Follow on X: https://framer.link/yt-x