Components
Component catalog
Drop-in React components for every common auth flow. Each one ships its own scoped CSS so you don't need Tailwind or any design system — they just work.
Copy this quickstart guide as a prompt for LLMs to implement KolayLogin in your application.
Authentication
Prebuilt cards for the sign-in + sign-up flows.
User
User-centric UI components that read from the active session.
Organization
Multi-tenant UI for end-user organizations.
Billing
Stripe-backed billing UI built on your SubscriptionPlan catalog.
Control
Render-or-not helpers that branch on auth state. No visible UI of their own.
<SignedIn />
Renders children only when a session exists.
<SignedOut />
Renders children only when there’s no session.
<Protect role="admin">
Component-level authorization by org role.
<RedirectToSignIn />
Client-side redirect to the sign-in page.
<RedirectToSignUp />
Client-side redirect to the sign-up page.
<KolayLoginLoaded />
Render after the provider has hydrated on the client.
<KolayLoginLoading />
Render a spinner / skeleton while the provider hydrates.
Unstyled
Behavior-only wrappers that inherit your app’s existing styles.