Overview
Generated React components for SimpleAuth authentication flows.
The CLI can scaffold a provider plus presentational components for sign-in, sign-up, modals, password recovery, email verification, sign-out, account deletion, and session gates. Each page below includes a live preview that mirrors the files written into your repository, a Source tab with the generated TypeScript and CSS, and—where it helps—a short Usage section with copy-paste JSX for typical App Router layouts.
Component catalog
SimpleAuthProvider
Provides the browser client to your React tree.
GoogleButton
Continue-with-Google button. Ships inside `SignInForm` / `SignUpForm` / `SignInModal` / `SignUpModal` via `googleRedirectUrl`, and can be used standalone anywhere you have a redirect URL.
GithubButton
Continue-with-GitHub button. Ships inside `SignInForm` / `SignUpForm` / `SignInModal` / `SignUpModal` via `githubRedirectUrl`, and can be used standalone anywhere you have a redirect URL.
SignInForm
Email and password form wired to useSignIn.
SignUpForm
Registration form with optional post-signup verification UX.
VerifyEmailPrompt
Resend verification email UI after sign-up.
SignInModal
Self-contained sign-in modal.
SignUpModal
Self-contained sign-up modal with verification step.
ForgotPasswordForm
Request a password reset link.
ForgotPasswordModal
Forgot password flow in a modal.
ResetPasswordForm
Set a new password using the email token.
VerifyEmailCallback
Landing page that verifies the email token.
SignOutButton
One-click sign-out control.
DeleteAccountForm
Danger-zone account deletion with typed confirmation.
SignedIn
Render children only when a session exists.
SignedOut
Render children only when there is no session.
Protected
Render children when signed in; otherwise show a fallback.
Show
Declarative gate for signed-in, signed-out, or verified-email states.
Live preview
Interactive preview requires JavaScript.