Overview
@hoag/ui is a modern React component library built with shadcn-style conventions, Radix UI primitives, and Tailwind CSS.
Build interfaces that are consistent, accessible, and easy to customize — from simple forms to full product dashboards.
📦
@hoag/ui is an internal package — consumed directly from the monorepo as a workspace dependency.
Why @hoag/ui
- Accessible interactions powered by Radix primitives.
- Composable APIs that scale from small features to full design systems.
- Tailwind-native styling for fast iteration and brand-level customization.
- Type-safe developer experience for React + TypeScript teams.
Usage
In your app's package.json, add the workspace dependency:
"@hoag/ui": "workspace:*"Then import components directly:
import { Button } from "@hoag/ui/components/button";
import { Select } from "@hoag/ui/common/data-input/selects/select";Core components
Date and time
Overlays and feedback
Need a starting point? Open Button, Input, and Select first, then move to overlays and date components based on your product flows.