FramerForms Developer Hub

If you're a developer and you want to make changes to FramerForms, you can get the source code for all components here. Just create a new code file in your Framer project for each component.

Note: If you use the components' code in your project instead of copying the components normally, you will not be able to recieve future updates without returning here and re-copying the code into your project.

Shared FramerForms Component Code:

This file must be added to your project for other FramerForms components to work. It contains functions that are used by other components. If this code is not in a file named "FramerFormsShared.tsx" in your project, many of the other components will display errors because they rely on the functions in this file existing to work properly.

FramerFormsShared.tsx

Copy

FramerForms Component Code:

Each of these files contains a component from FramerForms.

Slider.tsx

Copy

NetPromoterScore.tsx

Copy

ButtonsInput.tsx

Copy

PhoneNumberInput.tsx

Copy

TextInput.tsx

Copy

DataInput.tsx

Copy

FileUploadInput.tsx

Copy

MultiStepForm.tsx

Copy

MultiStepFormButton.tsx

Copy

FormProgressBar.tsx

Copy

FormPageLabel.tsx

Copy

FormDots.tsx

Copy

LogicBlock.tsx

Copy

PrefillFormInputs.tsx

Copy

CountryInput.tsx

Copy

Countries.tsx

Copy

RatingInput.tsx

Copy

PasswordInput.tsx

Copy