---
title: Components Overview
description: Stack Auth provides a set of components for Next.js applications to streamline authentication and user management workflows.
sidebarTitle: Overview
---

Stack Auth provides a set of components for Next.js applications.

To get started with Stack Auth in your Next.js application, follow the [setup guide](/docs/getting-started/setup). To see the hooks and objects in the Next.js SDK, see the [SDK reference](/docs/sdk).

## Sign In and Sign Up

<CardGroup cols={2}>
  <Card title="<SignIn />" href="/docs/components/sign-in">
    Full sign-in interface
  </Card>
  <Card title="<SignUp />" href="/docs/components/sign-up">
    Complete sign-up form
  </Card>
  <Card title="<CredentialSignIn />" href="/docs/components/credential-sign-in">
    Email/password authentication
  </Card>
  <Card title="<CredentialSignUp />" href="/docs/components/credential-sign-up">
    Credential-based registration
  </Card>
  <Card title="<OAuthButton />" href="/docs/components/oauth-button">
    Individual OAuth provider button
  </Card>
  <Card title="<OAuthButtonGroup />" href="/docs/components/oauth-button-group">
    Multiple OAuth provider buttons
  </Card>
</CardGroup>

## User

<CardGroup cols={2}>
  <Card title="<UserButton />" href="/docs/components/user-button">
    User profile and account access button
  </Card>
  <Card title="<AccountSettings />" href="/docs/components/account-settings">
    User account configuration interface
  </Card>
</CardGroup>

## Teams & Organizations

<CardGroup cols={2}>
  <Card title="<SelectedTeamSwitcher />" href="/docs/components/selected-team-switcher">
    Team selection and switching component
  </Card>
</CardGroup>

## Utilities

<CardGroup cols={2}>
  <Card title="<StackHandler />" href="/docs/components/stack-handler">
    Core handler component
  </Card>
  <Card title="<StackProvider />" href="/docs/components/stack-provider">
    Provider wrapper for context
  </Card>
  <Card title="<StackTheme />" href="/docs/components/stack-theme">
    Theme customization wrapper
  </Card>
</CardGroup>
