Hulian UI architecture overview Hulian UI combines Tailwind CSS v4 with headless Base UI primitives. Its core principle is token-driven theming over unstyled, accessible behavior: - Design tokens: Colors, spacing, and shadows live in CSS custom properties and are exposed through @theme inline, including runtime dark mode. - Accessibility first: Base UI provides accessible interaction semantics while Tailwind owns the visual layer, without a JavaScript animation tax. - Tree shaking: Every component has an independent entry point, so consumers bundle only what they use. ### Competitive overview | Dimension | Hulian UI | shadcn/ui | HeroUI | | --- | --- | --- | --- | | Styling | Tailwind v4 | Tailwind v3 | Tailwind + Framer | | Theme switching | Runtime CSS variables | CSS variables | Class switching | | AI components | Built in | None | None | | Enterprise components | ProTable / AdminLayout | None | Partial |