{"name":"AuthKit: Streamlined Authentication with WorkOS and Radix","description":"AuthKit is an open-source login box solution developed by WorkOS, designed to simplify authentication for applications. It offers both a fully themeable hosted UI and headless APIs for custom frontends, powered by WorkOS User Management and Radix UI. This TypeScript project supports various authentication flows, including OAuth2, passwordless, and SSO.","github":"https://github.com/workos/authkit","url":"https://osrepos.com/repo/workos-authkit","source":"osrepos.com","sourceDescription":"This repository profile is provided by osrepos.com, an open source repository discovery platform.","repositoryProfile":"https://osrepos.com/repo/workos-authkit","generatedFor":"open source discovery and AI-assisted research","markdown":"https://osrepos.com/repo/workos-authkit.md","json":"https://osrepos.com/repo/workos-authkit.json","topics":["authentication","user-management","sso","oauth2","passwordless","TypeScript","login-box","radix-ui"],"keywords":["authentication","user-management","sso","oauth2","passwordless","TypeScript","login-box","radix-ui"],"stars":null,"summary":"AuthKit is an open-source login box solution developed by WorkOS, designed to simplify authentication for applications. It offers both a fully themeable hosted UI and headless APIs for custom frontends, powered by WorkOS User Management and Radix UI. This TypeScript project supports various authentication flows, including OAuth2, passwordless, and SSO.","content":"## Introduction\nAuthKit, developed by WorkOS, provides a robust and flexible solution for implementing authentication in your applications. Described as \"the world's best login box,\" it leverages WorkOS User Management and Radix UI to offer a seamless and secure user experience. Whether you prefer a quick-to-deploy hosted UI or a custom frontend integration, AuthKit simplifies complex authentication flows.\n\n## Installation\nTo get started with AuthKit, you'll need a WorkOS account. Once you have an account, follow these steps to run the examples:\n\n1.  **Install Dependencies:** Run `npm install` or `yarn install` in the repository.\n2.  **Set up Environment Variables:**\n    *   Sign into your [WorkOS dashboard](https://dashboard.workos.com) (target=\"_blank\").\n    *   Navigate to **API Keys** and copy your **Client ID** and **Secret Key** (API Key).\n    *   Rename `.env.local.example` to `.env.local` and populate it with your keys:\n        bash\n        WORKOS_CLIENT_ID=\"<your Client ID>\"\n        WORKOS_API_KEY=\"<your Secret Key>\"\n        \n3.  **Configure Redirects:** In your [WorkOS dashboard](https://dashboard.workos.com) (target=\"_blank\"), navigate to **Redirects** and add the following URLs:\n    *   `http://localhost:3000/using-your-own-ui/sign-in/google-oauth/callback`\n    *   `http://localhost:3000/using-your-own-ui/sign-in/microsoft-oauth/callback`\n    *   `http://localhost:3000/using-your-own-ui/sign-in/github-oauth/callback`\n    *   `http://localhost:3000/using-your-own-ui/sign-in/sso/callback`\n    *   `http://localhost:3000/using-hosted-authkit/basic/callback`\n    *   `http://localhost:3000/using-hosted-authkit/with-session/callback`\n    *   `http://localhost:3000/using-hosted-authkit/with-nextjs/callback`\n4.  **Run the Example:** Execute `npm run dev` or `yarn dev` and open `http://localhost:3000` in your browser.\n\n## Examples\nAuthKit offers two primary methods for integration, both with examples provided in the repository:\n\n*   **Using AuthKit's hosted UI:** This is the quickest way to add authentication. It provides a fully themeable hosted UI that manages all authentication flows. For production, you can use a custom domain.\n    *   [Explore the hosted UI example](https://github.com/workos/authkit/tree/main/src/app/using-hosted-authkit) (target=\"_blank\")\n*   **Using your own custom UI:** For full control over the user interface, you can build your own frontend by integrating directly with the headless WorkOS User Management APIs. Your authentication UI will be self-hosted.\n    *   [Explore the custom UI example](https://github.com/workos/authkit/tree/main/src/app/using-your-own-ui) (target=\"_blank\")\n\n## Why use AuthKit\nAuthKit simplifies the complex task of user authentication, offering a comprehensive suite of features out-of-the-box. Its flexibility allows developers to choose between a ready-to-use hosted solution or a customizable headless API approach. With support for various authentication methods like OAuth2, passwordless, and SSO, and built on reliable technologies like WorkOS and Radix UI, AuthKit provides a secure, scalable, and developer-friendly way to manage user logins.\n\n## Links\n*   [GitHub Repository](https://github.com/workos/authkit) (target=\"_blank\")\n*   [WorkOS User Management Documentation](https://workos.com/docs/user-management) (target=\"_blank\")","metrics":{"detailViews":4,"githubClicks":2},"dates":{"published":null,"modified":"2026-03-31T08:32:23.000Z"}}