Auth Plugin logo
Auth Plugin
Library

Auth Plugin Components for Framer

13 pre-built components + code overrides. Drag, drop, customize.

New to Framer auth? Read the complete setup guide

Authentication Components

Sign In Form

Auth

Email & password login with built-in validation, custom error messages, and redirect URL support.

email@example.com
••••••••
Sign In
Forgot password?

Sign Up Form

Auth

Registration form with name, email, password, and confirm password. Includes validation and auto-login after signup.

Full Name
email@example.com
••••••••
Confirm password
Sign Up

Forgot Password

Auth

Password reset request form. Sends a reset email with a secure token link.

Enter your email to receive a reset link
email@example.com
Send Reset Link

Reset Password

Auth

Set a new password using a token from the reset email. Includes password confirmation.

Set your new password
New password
Confirm password
Reset Password

OTP Verification

Auth

Two-step code verification via email. Users enter a 4-6 digit code sent to their inbox.

Enter verification code
4
2
Verify

Magic Link

Auth

Passwordless sign-in. Users enter their email, receive a link, click it, they're authenticated.

Enter your email to get a magic link
email@example.com
Send Magic Link
No password needed

Social Auth Buttons

Auth

Pre-built Google & GitHub OAuth buttons. Auto account linking for existing users.

Continue with Google
Continue with GitHub

Sign Out Button

Action

Customizable logout button. Signs out the user and redirects to a specified URL.

Sign Out

User Identity Components

Profile Form

User

Edit user profile, name, email, and custom fields. Auto-populates with current user data.

JD
John Doe
Upload photo
John Doe
john@example.com
Save Changes

Avatar Component

User

Displays user profile image with upload capability. Falls back to initials.

JD
Upload
Remove

Identity Label

Display

Displays the authenticated user's name or email as text content.

John Doe
john@example.com

Access Control Components

Access Switch

Gating

Shows or hides child content based on authentication state or grant ownership.

Show when authenticated
Protected content here

Auth Plugin Overrides

Code

5 code overrides for visibility control, data injection, and custom auth actions.

import { withAuth } from
'auth-plugin-overrides'
// ShowWhenAuthenticated
// ShowWithGrant
// IdentityName

All Components at a Glance

Sign In Form
Sign Up Form
Forgot Password
Reset Password
OTP Verification
Magic Link
Social Auth Buttons
Sign Out Button
Profile Form
Avatar Component
Identity Label
Access Switch
Auth Plugin Overrides