Search...

⌘K

Components

Overrides

Migration

Templates

Features

Tags

Stripe

Lemon Squeezy

OAuth

Webhooks

Other

V2

The Purpose Of Each FrameAuth Authentication Component

Understand the role of each FrameAuth component in building a secure Framer authentication system.

FrameAuth provides a seamless way to add authentication to your Framer website. Each component serves a specific function, helping you create a smooth secure, and professional authentication experience for your users.

Each component can be added to your project from the FrameAuth plugin.

Sign In

/sign-in

Sign in form FramerAuth

Allows users with an account to sign in using email and password.

Sign Up

/sign-up

Sign up form FramerAuth

Handles user registration, allowing visitors to create an account with name, email, and password. Custom fields can also be displayed in the sign up form to gather additional information.

Forgot Password

/forgot-password

Forgot password form FramerAuth

Allows users to request a password reset link. If the account exists, a reset link will be sent to the user’s email, directing them to the /reset-password page to set a new password.

Reset Password

/reset-password

Update password form FramerAuth

Enables users to set a new password. To do so, they must first submit their email through the Forgot Password form. They will then receive an email with a link to the /reset-password page, where they can create a new password.

Member Profile

/account

Member account form FramerAuth

Allows users to update profile information like name, email address, and custom fields.

Send OTP

/sign-in

Allows the user to request a OTP (one-time-password) to their email address to sign in with code instead of password.

Sign In OTP

/otp

Provides a way to enter the OTP (one-time-password) received via email. This OTP code will expire after 5 minutes.

Profile Photo

/account

Enables a logged in member to set and change a profile picture for their account. The profile picture will be set automatically when signing up with social providers.

Action Button

Enables various user actions such as:

  • Sign in & sign up with social providers (Google, Github, etc.)

  • Purchase products (Stripe)

  • Open billing portal (Stripe)

  • Sign out

  • Link (acts as a regular button)

FAQ

Where do I get the auth components?

Can I customize the design of the components?

Can I change the language of the success and error messages?

The Purpose Of Each FrameAuth Authentication Component

Copy Link