shadcn-style component system for React
The foundation for your design system
Build consistent, accessible interfaces with @hoag/ui — a component library designed with Radix primitives, Tailwind CSS, and production-focused defaults.
✨
Start from reusable patterns, then customize deeply for your product. If this is your first time here, begin with Overview.
Start here in 60 seconds
- Read Overview for architecture and conventions.
- Copy a Button and Input into your first form.
- Add Dialog for confirmation or edit flows.
Top 3 components to start
Why @hoag/ui
- Accessible by default with Radix-based interactions.
- Composable API to fit dashboards, admin panels, and SaaS products.
- Tailwind-first styling so your team can move quickly.
- Type-safe DX for React + TypeScript teams.
Most-used docs paths
Build faster with proven patterns
From forms and overlays to date/time inputs and feedback states, @hoag/ui helps teams ship polished interfaces without rebuilding the basics every sprint.