---
title: "SignIn Component"
description: "Drop-in, fully customizable React and Next.js sign-in component with social login, MFA, and passkey support."
order: 1
category: "Components"
updated: "2026-10-13"
---

# SignIn Component

The `<SignIn />` component renders a complete sign-in flow matching your brand's theme.

## Basic Usage

```tsx
import { SignIn } from '@authsetu/react';

export default function SignInPage() {
  return (
    <div className="flex justify-center items-center min-h-screen">
      <SignIn redirectUrl="/dashboard" />
    </div>
  );
}
```

## Props Reference

| Prop | Type | Default | Description |
|---|---|---|---|
| `redirectUrl` | `string` | `"/"` | URL to redirect users to after successful authentication. |
| `signUpUrl` | `string` | `"/sign-up"` | URL pointing to your registration page. |
| `appearance` | `AppearanceOptions` | `undefined` | Custom styling overrides and theme tokens. |