# Component Registry

The PropelAuth Frontend API documentation provides a set of components that can be copied into your project to build your own custom UIs around logging in, signing up, managing organizations, and everything in between.

Our [shadcn](https://ui.shadcn.com/) component registry is an optional way to get these components into your project. You'll still need to [install](https://ui.propelauth.com/getting-started/installation) the frontend API library to use this component registry. If you plan on using any of the login and signup APIs, make sure to read through the [Login & Signup Guide](https://ui.propelauth.com/login-signup-apis) first.

## [Installation](https://ui.propelauth.com/getting-started/component-registry#installation)

The shadcn registry allows you to install individual components into your app. To do so, in your target app:

1. Follow the [shadcn installation instructions](https://ui.shadcn.com/docs/installation) to set up shadcn in your app.

2. Initialize shadcn:

```bash
   npx shadcn@latest init
   ```

CopyCopied!

3. Install components. In this example we’ll install the [Enable / Disable MFA](https://ui.propelauth.com/account-page-components/mfa) component.

```bash
   npx shadcn@latest add https://components.propelauth.com/r/enable-disable-mfa.json
   ```

CopyCopied!

4. Import and start using your new components!

## [Install All Components](https://ui.propelauth.com/getting-started/component-registry#install-all-components)

Optionally, you can install all components within the PropelAuth registry by installing the `all-fe-api-components` component:

```bash
   npx shadcn@latest add https://components.propelauth.com/r/all-fe-api-components.json
   ```

CopyCopied!

## [Full Component List](https://ui.propelauth.com/getting-started/component-registry#full-component-list)

### Account Page Components

- **[Enable / Disable MFA](https://ui.propelauth.com/account-page-components/mfa)**: `npx shadcn@latest add https://components.propelauth.com/r/enable-disable-mfa.json`

- **[Delete User Account](https://ui.propelauth.com/account-page-components/delete-user-account)**: `npx shadcn@latest add https://components.propelauth.com/r/delete-user-account.json`

- **[Update Email](https://ui.propelauth.com/account-page-components/update-email)**: `npx shadcn@latest add https://components.propelauth.com/r/update-email.json`

- **[Update User Property](https://ui.propelauth.com/account-page-components/update-user-property)**: `npx shadcn@latest add https://components.propelauth.com/r/update-user-property.json`

- **[Update User Password](https://ui.propelauth.com/account-page-components/update-user-password)**: `npx shadcn@latest add https://components.propelauth.com/r/update-user-password.json`

### Organization Components

- **[Create Organization](https://ui.propelauth.com/org-components/create-org)**: `npx shadcn@latest add https://components.propelauth.com/r/create-organization.json`

- **[Update Organization Name](https://ui.propelauth.com/org-components/update-org-name)**: `npx shadcn@latest add https://components.propelauth.com/r/update-organization-name.json`

- **[Delete Organization](https://ui.propelauth.com/org-components/delete-org)**: `npx shadcn@latest add https://components.propelauth.com/r/delete-organization.json`

### Organization Membership Components

- **[Org Membership Table](https://ui.propelauth.com/org-membership-components/org-membership-table)**: `npx shadcn@latest add https://components.propelauth.com/r/org-membership-table.json`

- **[View & Revoke Org Invites](https://ui.propelauth.com/org-membership-components/view-and-revoke-invites)**: `npx shadcn@latest add https://components.propelauth.com/r/view-and-revoke-org-invites.json`

- **[View Expired Org Invites](https://ui.propelauth.com/org-membership-components/view-expired-invites)**: `npx shadcn@latest add https://components.propelauth.com/r/view-expired-org-invites.json`

- **[Invite User to Org](https://ui.propelauth.com/org-membership-components/invite-user)**: `npx shadcn@latest add https://components.propelauth.com/r/invite-user-to-organization.json`

- **[Update Org Membership Settings](https://ui.propelauth.com/org-membership-components/update-org-membership-settings)**: `npx shadcn@latest add https://components.propelauth.com/r/update-org-membership-settings.json`

- **[Update Org 2FA Requirement](https://ui.propelauth.com/org-membership-components/configure-org-2fa-requirements)**: `npx shadcn@latest add https://components.propelauth.com/r/update-org-2fa-requirement.json`

### API Key Components

- **[Personal API Key Table](https://ui.propelauth.com/api-key-components/personal-api-key-table)**: `npx shadcn@latest add https://components.propelauth.com/r/personal-api-key-table.json`

- **[Create Personal API Key](https://ui.propelauth.com/api-key-components/create-personal-api-key)**: `npx shadcn@latest add https://components.propelauth.com/r/create-personal-api-key.json`

- **[Org API Key Table](https://ui.propelauth.com/api-key-components/org-api-key-table)**: `npx shadcn@latest add https://components.propelauth.com/r/org-api-key-table.json`

- **[Create Org API Key](https://ui.propelauth.com/api-key-components/create-org-api-key)**: `npx shadcn@latest add https://components.propelauth.com/r/create-org-api-key.json`

### Login and Signup Components

- **[Email & Password Signup](https://ui.propelauth.com/login-signup-apis/email-password-signup)**: `npx shadcn@latest add https://components.propelauth.com/r/email-password-signup.json`

- **[Email & Password Login](https://ui.propelauth.com/login-signup-apis/email-password-login)**: `npx shadcn@latest add https://components.propelauth.com/r/email-password-login.json`

- **[Magic Link Login & Signup](https://ui.propelauth.com/login-signup-apis/magic-link-login-signup)**: `npx shadcn@latest add https://components.propelauth.com/r/magic-link-login.json`

- **[Social Provider Login & Signup](https://ui.propelauth.com/login-signup-apis/login-with-social-provider)**: `npx shadcn@latest add https://components.propelauth.com/r/social-provider-login.json`

- **[Enterprise SSO Login & Signup](https://ui.propelauth.com/login-signup-apis/login-with-saml)**: `npx shadcn@latest add https://components.propelauth.com/r/enterprise-sso-login.json`

- **[Request Password Reset](https://ui.propelauth.com/login-signup-apis/request-reset-password-email)**: `npx shadcn@latest add https://components.propelauth.com/r/request-password-reset.json`

- **[Confirm Your Email](https://ui.propelauth.com/login-signup-apis/confirm-email)**: `npx shadcn@latest add https://components.propelauth.com/r/confirm-your-email.json`

- **[Join an Organization](https://ui.propelauth.com/login-signup-apis/join-an-organization)**: `npx shadcn@latest add https://components.propelauth.com/r/join-an-organization.json`

- **[Enroll in MFA](https://ui.propelauth.com/login-signup-apis/enroll-in-mfa)**: `npx shadcn@latest add https://components.propelauth.com/r/enroll-in-mfa.json`

- **[Verify MFA For Login](https://ui.propelauth.com/login-signup-apis/verify-mfa-for-login)**: `npx shadcn@latest add https://components.propelauth.com/r/verify-mfa-for-login.json`