Overview
A shadcn/ui registry for building OIDC configuration UIs.
Your product accepts OIDC tokens from CI/CD workloads and needs a settings UI where customers declare which issuers and claims to trust. OIDC UI is a shadcn/ui component registry that ships that UI and the server code behind it: your users fill in a provider form, submit emits an OidcPolicy you persist, and verifyOidcToken checks inbound tokens against the policies you stored.
The registry ships:
- Provider forms for Vercel, GitHub, GitLab, Google, Bitbucket, AWS, Azure, and custom OIDC issuers
- A shared policy contract (
OidcPolicy) and a server-side token verifier - Optional React Hook Form or TanStack Form, with optional Zod or Valibot, for every provider
Start in the builder: pick the identity providers your product trusts, a form library, and a validation library, preview the policy form your users will see, then copy the command into your app. Or install the default GitHub + Vercel starter directly:
npx shadcn@latest add https://ui.shadcn.com/oidc/r/core.json https://ui.shadcn.com/oidc/r/verify.json https://ui.shadcn.com/oidc/r/page-actions.jsonIf you use an AI coding assistant, hand it this prompt instead:
Prompt for coding agents
Help me add OIDC UI to this project. Register the registry with npx shadcn@latest registry add @oidc=https://ui.shadcn.com/oidc/r/{name}.json. List available items with npx shadcn@latest list @oidc. Search with npx shadcn@latest search @oidc -q [KEYWORD]. Ask me which identity providers, form library, and validation library to use.
See Getting started for the walkthrough, Save and verify for persistence and token checks, and the provider field reference for what each form collects.