Components & SDKs

Embedded in minutes. Yours on your domain.

Auth UI is the part teams rebuild every project and ship every project late. OrthID gives you prebuilt, themeable components for sign-in, profiles, orgs and the admin planes - dropped in, on your domain, looking like you built them.

Drop-in components

The whole identity surface, prebuilt.

Render the components, pass your theme, ship. The data plane does the enforcing behind every one.

<SignIn/>

Passwordless-first sign-in, themed to you.

<UserButton/>

Profile, devices and sign-out in one menu.

<OrgSwitcher/>

Move between orgs without losing context.

Operator Console

Run the whole fleet from one plane.

Tenant Console

Org-scoped admin you hand to each customer.

How it works

Themeable, typed, and never locked in.

Match your brand with tokens, ship with typed SDKs, and keep the seam open so you’re never married to one provider.

Theming via tokens

Colour, radius and type are tokens - set them once and every component picks them up. No fighting vendor CSS.

Framework SDKs

Typed SDKs for Next.js, React and Node. Sessions, hooks and server helpers that feel native to your stack.

The IdentityProvider seam

Every component talks to one interface. Swap the provider behind it without rewriting your app - sovereignty extends to your code.

app/layout.tsx
import { OrthIDProvider, SignIn } from "@orthid/next";

export default function Layout({ children }) {
  return (
    <OrthIDProvider theme={tokens}>
      <SignIn/>        // themed, on your domain
      {children}
    </OrthIDProvider>
  );
}
Admin planes

The consoles ship with the components.

Operator and Tenant consoles, themed and embeddable, so admin looks like the rest of your product.

app.orthid.com/console
Operator Console
3
SDKs - Next.js, React, Node
1
interface to swap providers behind
100%
themeable on your own domain

Drop in identity. Keep your brand and your options.

Prebuilt components, typed SDKs, and a seam that keeps you portable.