Forms · TOPIC

Form Inputs

Every Framer lesson that teaches or touches on Form Inputs

Lessons that teach this

6 lessons teach this topic

4:23

Framer Update: October 2024

Framer Update

9.8K views

October 25, 2024

7:52

Form Input Variants and Validation in Framer

Forms

18K views

August 20, 2024

5:19

Using Optional Form Input Properties in Framer

Forms

13K views

July 8, 2024

16:32

Framer Update: Forms

Framer Update, Forms

36K views

June 20, 2024

10:59

Creating your first form in Framer

Forms

108K views

June 20, 2024

5:04

The Input Component

Forms, Insert Menu

18K views

May 17, 2023

Where it comes up

158 moments across 22 lessons

Framer Update: FormsBenjamin

0:17input components for email signups our 0:30and out of the box you get three inputs 0:36and location a text input an email input 0:53matching input this is great for 0:58can click the label to Focus the input 1:04the name input and let's first update

Form Input Variants and Validation in FramerJoseph

0:01Focus effect for an input on the 0:07at how we can take input States and 0:17simple form here with a text input for 0:25up with an input with a placeholder as 0:32will move up above the input then after 0:43but the label remains up above the input

Creating your first form in FramerJoseph

1:19called label that group each input with 1:45matching input element on that note 1:50box and the input itself want to know 2:04regular text box the input layer is 2:20input this happens to be a text input 2:33group of options each category of input

Using Optional Form Input Properties in FramerJoseph

0:01properties for an input like the type 0:33input type name and text label to figure 0:44input immediately when the page loads as 1:53a number input on that note now is the 1:58of properties with number inputs most 2:26bottom but it's not number inputs

Framer Community Show & Tell July 24, 2023—Alex Socoloff, and Joris RoodFramer

15:17have their input right now which you can 16:49there so if you go to input types you 16:51see we have a text input and checkbox 16:58input type wow we have a few different 17:00input fields 18:20everything you want from the input so if

The Input ComponentBenjamin

0:03I'm excited to introduce the input 1:12input a little we can change the layout 1:22both the input and the button here 2:11button within the input as such 2:29the input this is looking better already 2:34borders so I'll go back to the input

Framer Update: October 2024Benjamin

0:43the actual inputs aren&#39;t simply because 0:52all inputs in forms allowing us to 1:06simply copy and paste the input styles 1:09onto this input to bring them over using 1:27inputs and that&#39;s not everything we&#39;re 1:41able to type within your input we can

Setting Up custom cursors in Framer (Animation Lesson 16)Joseph

2:57input of moving the cursor around and 3:06feel a bit like input lag. it kind of 3:08decouples your input from the visual 6:27translate to input lag because we still

Framer Update: Themed Favicons and Apple Touch IconBenjamin

0:49input to instantly reset it back to its 0:55Rapid iteration next some split inputs 1:14its matching numeric input and this 1:21inputs next components like videos and

Framer Update: CMS Dynamic FiltersFramer

4:48scenes. If you select one input field,4:53as a form input where you can edit any 5:34these inputs is linked to a page 5:50be set by inputs and they control

Transforming elements on scroll in Framer (Animation Lesson 8)Joseph

5:39to jerky input. Just kind of smooths it 11:35of connection between input and motion.

Framer Update: Search for Pages, Layers, and AssetsBenjamin

1:02be. While searching or with the input 1:21focus the search input, making it even

Creating advanced components with Workshop in FramerFramer

0:39will drop it into the input field, ready 1:06directly into the input to give Workshop

Framer Update: Scale Tool (K)Benjamin

0:16options first the skill input with a 1:11Factor enter the scale input accepts

Framer Update: SquircleBenjamin

2:21form inputs, where you can even create

Generating layouts with AI using WireframerFramer

2:05Generic input, generic output. We can

SEO and Accessibility in Framer (Fundamentals Lesson 26)Joseph

4:12page, buttons, and inputs, which by

Framer Update: Variable FontsBenjamin

1:39can hover over one of these inputs and

Framer Event — Fall 2024, Introducing Plugins, and CMS ReferencesAndy

0:47with over 10 input types and a fully

Framer Update: Fetch — Leverage the power of APIs to add dynamic data to your Framer SiteHunter

0:42an input and in here we can put a URL to

Framer Update: Quick Page SwitcherBenjamin

0:48input here I get a little menu with the

Framer Update: Site SearchHunter

2:59the fonts in input as well as the fonts