GitHub

Builder

Compose an OIDC policy form in the browser and copy the command.

The homepage builder is the fastest way to get a policy form that matches your product. Use it first. Copy the command when the preview looks right.

Pick providers

Select one or more identity providers. The preview shows the form your users will fill in. With more than one provider, the generated form includes a picker so users can switch between them.

Form library and validation

Each provider can use plain controlled inputs, React Hook Form, or TanStack Form, with no schema kit, Zod, or Valibot.

The preview updates as you change those options. The Code tab shows the composed policy-form.tsx the CLI will write.

Add-ons

  • Token verifier adds lib/oidc/verify.ts so you can check inbound tokens against saved policies.
  • Page + actions adds an example settings page and a savePolicy server action that runs validateOidcPolicy before save.

See Save and verify.

Get Code

Open Get Code and run the generated npx shadcn@latest add command. It pulls the composed policy form, each selected provider with the form library and validation you chose, and any add-ons.

Preview URL

The builder stores the current selection in the query string, so you can share a preview:

https://oidc.shadcn.com/?providers=github,vercel&form=rhf&validation=zod