All 13 Auth Plugin Components: Every Real Properties Guide in One Place

• There are 13 official Auth Plugin components, listed on the components page.
• All 13 now have a confirmed properties source, linked from this page. Social Auth Button and Sign Out Button are documented in the self-hiding components post, and the other eleven are covered by their own guides.
• Five components ship a built-in self-hiding toggle: Social Auth Button, Sign Out Button, Sign In Form, Avatar, and Identity Label. The other eight do not. The self-hiding components post covers that fact.
• Auth Plugin supports Google OAuth. See the pricing page for what's included on every plan.

This is an index of every Auth Plugin component, not a new properties breakdown. Every fact below comes from a guide already published on this site, and each component gets one or two sentences of summary plus a link to the full guide. If you want the complete property list for a component, click through. If you want to see the whole toolkit at a glance, stay here.

Auth Plugin's introduction and components documentation describe what the plugin does at a high level. The guides linked below go one level deeper, checking the real properties panel of each component inside Framer and writing down what is actually there.

The 13 components fall into four groups: the auth forms, the passwordless options, the identity and profile pieces, and the access control tools. Every component appears exactly once.

These four components handle the classic email and password journey: creating an account, signing in, and recovering access. Two guides cover all four, because each pair is designed to work as a flow.

1. Sign In Form. The main sign-in component. Its confirmed properties include a Redirect Path, a Hide Logged In self-hiding toggle, a Forgot Link system, and six style objects. Full detail in the Sign In properties guide.
2. Sign Up Form. The registration component. Its confirmed properties include a Redirect Path, a Sign In Link crosslink system, a Password Rules toggle, Terms Text and Terms URL, and seven style objects, including a Validator Style for the password strength checklist. It shares a guide with Sign In Form, so see the Sign Up properties section of the same post.
3. Forgot Password Form. The first half of password recovery, where a visitor asks for a reset link. It is covered alongside its partner in the Forgot Password guide.
4. Reset Password Form. The second half of recovery, where the visitor sets a new password. It lives in the same post, so use the Reset Password flow link to see how the two forms connect.

Not every site wants passwords. These three components cover code-based, link-based, and Google-based sign-in.

5. OTP Verification (OTP Form on the canvas). A one-time code component. Its confirmed properties include a Redirect Path, Send Label, Verify Label, Code Placeholder, Resend Text, a Back Link system, and seven style objects. See the OTP Verification properties guide.
6. Magic Link (Magic Link Form on the canvas). An emailed sign-in link component. Its confirmed properties include a Button Label, Success Title, Success Message, a Back Link system, and six style objects. It has no Redirect Path and no Resend Text, which is one of the main differences from OTP Verification. It shares the Magic Link properties post with OTP.
7. Social Auth Button. A one-click sign-in button. Auth Plugin supports Google OAuth, so the Provider dropdown shows Google. Its confirmed properties are Provider, Callback URL, Button Text, a Hide Authed self-hiding toggle, Show Icon, and Button Style. No separate post exists for it, so it is documented in the Social Auth Button section of the self-hiding components post.

Once a visitor is signed in, these four components show who they are, let them edit their details, and let them leave.

8. Profile Form. A self-service account editor. Its confirmed properties include a Button Label, Name Placeholder, Email Placeholder, a Success Message, a Dismiss (ms) auto-dismiss timer confirmed working across a real range of values, and six style objects. Read the Profile Form properties guide.
9. Avatar. The profile picture component. Its confirmed no-photo fallback is a placeholder-colored circle with a silhouette icon, not initials text. It pairs naturally with Identity Label, and the Avatar component guide shows how.
10. Identity Label. A text component that prints a piece of the signed-in visitor's identity. Its Field dropdown has exactly four confirmed options: First Name, Last Name, Full Name, and Email. The full breakdown is in the Identity Label properties guide.
11. Sign Out Button. A button that ends the session. Its confirmed properties are Redirect Path, Button Label, a Hide Logged Out self-hiding toggle, and Button Style. It has no post of its own, so it is documented in the Sign Out Button section of the same self-hiding components post.

The last two components decide who sees what on a page, either through a visual component or through code.

12. Access Switch. A component that swaps between two designed states based on the visitor. Its Mode field has four confirmed values: Authenticated, Grant ID, Label Name, and Tier Level. The Access Switch modes guide also explains when to choose it over Code Overrides.
13. Code Overrides. A set of five real overrides that work on any Framer element: ShowWhenAuthenticated, ShowWhenGuest, IdentityName, IdentityEmail, and TriggerSignOut. Read the Code Overrides guide for how each one behaves.

Two other posts sit beside the component guides. They are not numbered components, but they explain how the components get onto your site and how whole pages get gated.

• The setup wizard walkthrough covers the four-step Connect, Shields, Scripts, and Components wizard, which installs several of these components at once.
• The Protected Pages post covers page-level gating, a separate feature from any single component.

Between them, these two posts and the 13 component guides cover the whole product from installation to access rules. For the official product overview, the home page is the starting point, and the pricing page breaks down what each plan includes.

How many components does Auth Plugin have?
Auth Plugin has 13 official components, listed on the components page. Every one is listed in the sections above with a link to its guide.

Which components hide themselves automatically?
Five ship a built-in self-hiding toggle: Social Auth Button, Sign Out Button, Sign In Form, Avatar, and Identity Label. The other eight do not. The self-hiding components post explains the toggles and how they differ.

Where do I find Access Switch's Mode values?
Access Switch has four Mode values: Authenticated, Grant ID, Label Name, and Tier Level. The Access Switch guide walks through each one.

Which social providers does Social Auth Button support?
Auth Plugin supports Google OAuth, and the Provider dropdown shows Google. The properties are documented in the self-hiding components post.

Do Forgot Password Form and Reset Password Form have separate guides?
No. Both are covered in one post, the Reset Password flow, because the two forms work together as a single flow.

Is there one place to see how components are added to a site?
Yes. The setup wizard walkthrough shows the Components step, where several of these are installed together.

Auth Plugin has 13 official components, and each has a confirmed properties source you can trust. The four auth forms handle sign in, sign up, and password recovery. The three passwordless components cover OTP, Magic Link, and Google sign-in. The four identity and profile components cover the profile editor, Avatar, Identity Label, and sign out. The two access control tools, Access Switch and Code Overrides, decide what each visitor sees.

Five of the 13 hide themselves for the right audience with a built-in toggle. The other eight do not, and Access Switch and Code Overrides are the tools for gating content by login state. Pick a component from the list above, open its guide, and you have the full properties panel explained.