Origin UI

Origin UI is a copy-paste React/Tailwind component-variant source for app UI built around the shadcn ecosystem.

Routing Summary

Load this through Component Library Sources when a shadcn app needs many ready-made variants of common controls and app UI sections: buttons, inputs, dialogs, tables, cards, auth forms, settings, and navigation pieces. Use it after Radix UI and Shadcn UI Ecosystem establish the primitive conventions. Source: GitHub shadcn/originui, https://github.com/shadcn/originui, accessed 2026-06-26

Use When

• shadcn gives the primitive, but the screen needs richer variants quickly.
• A project needs app UI controls more than marketing animation.
• The component should stay local and editable.
• The design system needs more examples of state, density, and variants.

Integration Rules

• Use Origin UI for structure and variants, not for final styling.
• Retokenize all color, radius, spacing, and copy.
• Verify Radix/React Aria dependency assumptions before copying.
• Prefer local primitive wrappers if the project already owns them.

---

Timeline

• 2026-06-26 | Added as part of the expanded component-source shelf so design/design-system packs have more than the original Skiper/Cult/Magic/React Bits set. Source: User request, 2026-06-26; https://github.com/shadcn/originui