> ## Documentation Index
> Fetch the complete documentation index at: https://authplugin.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Components Overview

> Browse every Auth Plugin component for Framer: sign-in and sign-up forms, OTP, magic link, profile, avatar, sign-out button, and code overrides.

Auth Plugin ships with pre-built components that you can insert directly into your Framer project. Each component is fully customizable via Framer property controls.

## Inserting Components

1. Open Auth Plugin > **Components** page
2. Click **Insert** on individual components, or **Insert All** to add everything at once
3. Drag the component from your Assets panel onto your Framer canvas
4. Customize properties in the right sidebar

## Component Categories

### Auth Forms

| Component                                        | Description                             |
| ------------------------------------------------ | --------------------------------------- |
| [Sign In Form](/components/sign-in-form)         | Email & password login with validation  |
| [Sign Up Form](/components/sign-up-form)         | Registration with name, email, password |
| [Forgot Password](/components/forgot-password)   | Password reset request form             |
| [Reset Password](/components/reset-password)     | Set new password with token             |
| [OTP Verification](/components/otp-verification) | Two-step code verification              |
| [Magic Link](/components/magic-link)             | Passwordless email sign-in              |

### User Components

| Component                                    | Description                              |
| -------------------------------------------- | ---------------------------------------- |
| [Profile Form](/components/profile-form)     | Edit user name, email, and custom fields |
| [Avatar](/components/avatar)                 | Profile image with upload support        |
| [Identity Label](/components/identity-label) | Display user name or email as text       |

### Action & Code

| Component                                      | Description                           |
| ---------------------------------------------- | ------------------------------------- |
| [Sign Out Button](/components/sign-out-button) | Logout button with redirect           |
| [Code Overrides](/components/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                    |