Origin UI
Hundreds of shadcn-compatible React and Tailwind variants.
Origin UI is a large collection of React and Tailwind components built to extend shadcn/ui rather than replace it. Its own positioning is blunt: built for developers and AI.
At a glance
| Distribution | copy and paste from the site |
| Base | shadcn/ui conventions and CSS variables |
| Styling | Tailwind CSS |
| Docs for agents | llms.txt published |
| MCP server | not published |
| License | MIT |
Where it fits
shadcn/ui gives you a button, an input and a dialog. Origin UI gives you the forty variations of each that a real product needs: inputs with prefixes, suffixes, character counters, password strength meters, inline validation, and the same depth again for selects and date fields.
Because it follows shadcn's file structure and CSS variables, components drop into an existing shadcn project and inherit your theme without adaptation.
The form components are the reason to bookmark it
Most component libraries ship one input and expect you to compose the rest. Origin UI has already composed them. On a product with serious forms, that is days of work you do not repeat.
Choose it if
- You already run shadcn/ui and keep rebuilding the same input variations.
- You want breadth of variants rather than breadth of components.
Look elsewhere if
- You are not on shadcn/ui. The value comes from the shared conventions.
- You need documented accessibility conformance per component.