Auth Plugin
Auth Plugin
Auth Plugin for Framer

Add Authentication to Framer Without Code

Sign-in, sign-up, OTP, magic links, Google OAuth, and page protection — one plugin, zero backend.

Get Started Free
No credit card required
Invite
Publish
Pages
Layers
Assets
Components
Auth Plugin
Sign In Form
Sign Up Form
Forgot Password
Reset Password
OTP Verification
Magic Link
Profile Form
Sign Out Button

Sign Up

Sign Up
Email Address
Password
Confirm Password
Sign Up

Already have an account? Sign In

Auth Plugin
Auth Plugin
Components

Insert auth components into your page

Insert All Components
Sign In Form
Email & password login
Insert
Sign Up Form
Registration with validation
Insert
Sign Out Button
Logout with redirect
Insert
Forgot Password
Reset request form
Insert
OTP Verification
Code verification
Insert
Magic Link
Passwordless sign-in
Insert
Profile Form
Edit name, email
Insert
User authentication

Everything you need for
complete authentication

One plugin replaces an entire auth backend.
Drag, drop, and your Framer site is fully secured.

Explore all features
Protected Pages
/dashboard
/account
/sign-in

Protected Pages

Path-based page protection with auto-redirect. Unauthenticated users never see your content.

Enter verification code
4
8
2
7
Expires in 4:32

OTP Verification

Two-step code verification via email. 4-6 digit codes with auto-expiry.

you@email.com
Link sent — check inbox

Magic Links

Passwordless sign-in via email. Users click a link — they are in. No passwords ever.

Sign in with Google
S
Sarah Kim
sarah@gmail.com

Google OAuth

One-click Google sign-in with auto account linking for existing users.

UserStatus
Active
Active
Pending

Identity Management

View users, track signups, and monitor activity — all from the plugin panel.

Custom Branded Emails

Welcome, reset, OTP, and magic link emails — all with your logo, colors, and app name.

Sign In
Sign Up
Profile
OTP
Magic Link
Sign Out

Pre-built Components

Sign in, sign up, profile, avatar, identity label, sign out — drag and drop ready.

How It Works

Four steps to go live

From install to live auth in under 5 minutes. No backend, no code, no complexity.

01

Install the Plugin

Open Framer, search 'Auth Plugin' in the plugin store, and install it in one click. No npm, no terminal, no config files.

02

Insert Components

Choose from 14 pre-built components — sign in forms, profile cards, OAuth buttons. Drag them onto your canvas and customize.

03

Configure & Customize

Set up OAuth providers, customize email templates, add Page Shields for protection, and configure payment integrations — zero code.

04

Publish & Go Live

Hit publish. Your site now has full authentication, user management, page protection, and optional payments. That's literally it.

Plugin Panel

Everything inside one panel

Manage your entire auth system without leaving Framer.

Components

14 components, zero code

Pre-built, customizable auth components. Drag them onto your Framer canvas — they just work.

Sign In Form

Auth

Sign Up Form

Auth

Forgot Password

Auth

Reset Password

Auth

OTP Verification

Auth

Magic Link Form

Auth

Social Auth Buttons

Auth

Sign In Form

Auth

Sign Up Form

Auth

Forgot Password

Auth

Reset Password

Auth

OTP Verification

Auth

Magic Link Form

Auth

Social Auth Buttons

Auth

Profile Form

User

Avatar Component

User

Identity Label

Display

Access Switch

Gating

Sign Out Button

Action

Auth Plugin Overrides

Code

Checkout Button

Coming Soon

Access Badge

Coming Soon

Profile Form

User

Avatar Component

User

Identity Label

Display

Access Switch

Gating

Sign Out Button

Action

Auth Plugin Overrides

Code

Checkout Button

Coming Soon

Access Badge

Coming Soon

+ 10 Code Overridesfor visibility control, data injection & actions

Checkout Button & Access Badge — coming soon

Features

Everything built in

OAuth, passwordless auth, page protection, custom emails, and user management — zero backend.

Google OAuth

One-click Google sign-in with auto account linking for existing users.

OTP Verification

Two-step email code verification. 4-6 digit codes with auto-expiry and brute force prevention.

Magic Links

Passwordless sign-in via email. Users click a link and they're authenticated instantly.

Protected Pages

URL-pattern page protection with auto-redirect for unauthenticated visitors.

Custom Emails

Branded templates for welcome, reset, OTP, and magic link flows. Your logo, your colors.

Profile & Identity

User profiles with avatar upload, identity labels, and code overrides for any element.

Testimonials

Loved by people who build

Auth Plugin saved me weeks of backend work. I had Google login, Stripe payments, and page protection running in under 30 minutes.

AR

Alex Rivera

Indie Maker

As a designer who doesn't code, this plugin is a game-changer. I dragged in a sign-in form and it just worked. My clients are amazed.

SC

Sarah Chen

Freelance Designer

We moved our entire auth from a custom Node backend to Auth Plugin. Simpler, faster, and our Framer site looks way more polished now.

MJ

Marcus Johnson

Startup Founder

The content gating with Shields is incredible. I sell courses through Framer and each lesson is protected by tier. Flawless experience.

EK

Elena Kowalski

Course Creator

We use Auth Plugin on every client project now. It's become our go-to for adding membership areas to Framer sites. Absolute time-saver.

DP

David Park

Agency Owner

The magic link auth flow is so clean. No passwords, no friction. My users love it and signups went up 40% after switching.

PS

Priya Sharma

Product Designer

FAQ

Frequently asked questions

Blog

Learn, build, ship faster

Guides, tutorials, and insights for building authenticated Framer sites.

See All Posts

Start building with
Auth Plugin today

Join thousands of creators who've added authentication to their Framer sites — in minutes, not months.

Install Plugin Free
No limitsNo capsNo surprises