Inserting Components
- Open Auth Plugin > Components page
- Click Insert on individual components, or Insert All to add everything at once
- Drag the component from your Assets panel onto your Framer canvas
- Customize properties in the right sidebar
Component Categories
Auth Forms
| Component | Description |
|---|---|
| Sign In Form | Email & password login with validation |
| Sign Up Form | Registration with name, email, password |
| Forgot Password | Password reset request form |
| Reset Password | Set new password with token |
| OTP Verification | Two-step code verification |
| Magic Link | Passwordless email sign-in |
User Components
| Component | Description |
|---|---|
| Profile Form | Edit user name, email, and custom fields |
| Avatar | Profile image with upload support |
| Identity Label | Display user name or email as text |
Action & Code
| Component | Description |
|---|---|
| Sign Out Button | Logout button with redirect |
| Code Overrides | Code overrides for any Framer element |
Recommended Placement
| Page | Components |
|---|---|
| Sign In page | Sign In Form, Social Auth Buttons |
| Sign Up page | Sign Up Form |
| Forgot Password page | Forgot Password Form |
| Reset Password page | Reset Password Form |
| Dashboard | Avatar, Sign Out Button, Identity Label |
| Account/Profile | Profile Form, Avatar |