Auth Plugin
Auth Plugin
Library

Components

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

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

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 Switch

Gating

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

Show when authenticated
Protected content here

Sign Out Button

Action

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

Sign Out

Auth Plugin Overrides

Code

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

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

Checkout Button

Payment

Stripe & Lemon Squeezy checkout button. Trigger payments directly from your Framer site.

Pay $29.00
StripeLemon Squeezy
Coming Soon

Access Badge

Display

Visual badge displaying the user's current tier or grant status.

Pro
Plus
Free