Welcome to Auth πŸ‘‹

Auth gives you self-owned, plug-and-play authentication widgets for your React or SvelteKit app β€” built on
Better Auth + Convex and wrapped in a beautiful, themeable design system.

You don’t integrate a third-party service.
You own the code β€” every component, every flow, every line.


🧠 What Auth gives you

  • Full ownership – Every component and line of code lives in your project. No lock-in, no external dashboards.
  • Self-hosted – Your Convex backend stores all user and organization data β€” nothing mirrored elsewhere.
  • Polished UX – Smooth dialogs, transitions, and mobile gestures out of the box.
  • Built to extend – Tweak, restyle, or extend the flows to fit your brand or business model.

You get production-ready Auth in minutes β€” and complete freedom afterward.


⚑ Why developers choose Auth

Authentication is easy to add today β€” but hard to own.
Hosted providers trade control for convenience.
Auth restores both: the same simplicity, but with total code and data ownership.
No per-user pricing. No lock-in. No compromises.

πŸ‘‰ Curious about the philosophy behind Auth?
Read the full story in Why Auth β†’


🧭 What you’ll build

Auth comes with everything you need for production-ready user and organization management:

  • Sign-in, sign-up, and magic links
  • User menus and profiles
  • Organization switchers, creation, and settings
  • Secure sessions and SSR integration
  • Optional email verification and 2FA

All using consistent patterns and minimal setup.


πŸš€ Next steps

  1. Set up Auth in your app
    Start with your framework of choice β€” we currently support SvelteKit.
SvelteKit
  1. Configure Features
    After setup, learn how to enable email verification, organizations, or server-side rendering.

  2. Use Components
    Explore <UserButton />, <OrganizationSwitcher />, and other ready-made UI parts.


🧱 Architecture at a glance

LayerToolPurpose
BackendConvexReal-time database & serverless functions
AuthBetter AuthSecure, type-safe auth API
Design systemSkeleton + Tailwind CSS v4Themeable, consistent, fast
PrimitivesArk UIHeadless, accessible, framework-agnostic
IconsLucideClean open-source icons

🌐 Browser & device support

Auth components are tested and optimized for
Chrome, Firefox, Safari, Android, and iOS, with smooth dialogs, back-button behavior, and responsive layouts.


Auth lets you start fast β€” and stay in control.
You own the code. You own the data. You own the experience.