---
title: "Sign Up Form — Free Framer component · Best of Framer"
description: "Free Framer component · by Insert Frame · Forms. Add a sign up form to your site"
canonical: "https://framer.elliotli.dev/component/sign-up-form"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Sign Up Form

# Sign Up Form

Add a sign up form to your site

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

![Sign Up Form preview image 1](https://framer.elliotli.dev/og/component/sign-up-form/49814467b5770eb4/1600x1200.jpg)

## Summary

Add a sign up form to your site

## Description

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-hsxhmdfe-N2kJhawfaTOjYrOj7dfc6hqRDmF2nQ)

This component adds a fully designed, customizable sign-up form to your Framer site. It works with **Thenty** - a membership & authentication plugin for Framer built by Insert Frame. Before using this component, you'll need a Thenty account & the Thenty plugin. Both are free to start.

### Before you start

-   In Framer, open the **Plugins tab**, search for [**Thenty**](https://framer.link/KjIGHuf)
    
-   Open the plugin & create your [**Thenty account**](https://framer.link/KjIGHuf) directly from there - it'll automatically add the required Auth snippet to your site
    

### How to use this component

1.  Copy the component onto your Framer canvas
    
2.  Double-click into the component to access the property controls
    
3.  The **Form Type** is already set to **Sign Up**. You can switch this to any other form type you need: Log In, Forgot Password, Update Profile, Update Password & Accept Invite
    
4.  Add your **Product ID** from the Thenty plugin if you're gating content behind a paid plan - new signups will go straight to checkout
    
5.  **Optional**: Set your **Redirect** page for after signing up
    
6.  Keep the three required fields: **Email**, **Name** & **Password**
    
7.  Optionally add custom fields to collect extra data - these get stored as custom attributes in the Thenty plugin
    
8.  Publish your site & the form is live
    

### What you can build with this

Once a user registers, Thenty handles the rest:

-   Gate pages & content to members only
    
-   Show user-specific data like their name or email using Thenty's override library
    
-   Collect payments via Stripe - set a default product in your Thenty dashboard & new signups go straight to checkout
    
-   Trigger Zapier automations on registration - add users to MailerLite, fire Slack notifications, update your CRM, etc.
    
-   Enable Google SSO as an alternative sign-up option
    

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

-   All · #2247

## Details

- **Author**: Insert Frame
- **Published**: 2026-03-26
- **Updated**: 2026-04-10
- **Added**: 2026-02-23
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from
