React 19Base UI61 components
TINYRACKDESIGN SYSTEM
Accessible React UI for dashboards and internal tools.
01 / System
Move from design rules to product UI.
Tinyrack connects semantic tokens, light and dark themes, and documented component contracts.
Semantic tokens
Use shared color, type, spacing, and elevation roles across product surfaces.
Theme-aware UI
Keep the same component intent when a surface switches between light and dark.
Component contracts
Build on public React APIs with documented states, behavior, and accessibility.
02 / Components
Browse all componentsBuild familiar product flows.
Use the same interaction patterns for forms, selection, status, and feedback.
03 / Start
Follow the installation guideStart with the complete setup.
Preview the package and component API here. The installation guide covers Vite, styles, and theme setup.
pnpm add @tinyrack/ui react react-domimport { TRButton } from '@tinyrack/ui/components/button';
export function DeployButton() {
return <TRButton intent="primary">Deploy changes</TRButton>;
}04 / Explore
Continue with the right level of detail.
Choose the path that matches what you want to build next.