WHAT'S INSIDE
Core
Layout, form, overlay, navigation, feedback. Everything a production app needs — styled, accessible, ready.
Advanced
Motion components, emotion analysis UI, blog editor. Extracted from real products we actually ship.
Dashboard
22 components. Cards, charts, Kanban, feeds, tables. Not assembled from primitives — a complete admin panel.
Server-Driven UI
Send JSON from server, get React components. Data binding, conditional rendering. Change the UI without deploying code.
Icons
Same code, three icon sets. Switch between Phosphor, Lucide, and Iconsax by changing the provider.
HOW WE BUILD
Complete, Not Primitive
No assembly or copy-paste step. Components ship with variants, themes, and motion included. Import and use.
Self-Implemented
asChild, keyboard nav, ARIA — built without external UI primitives. No additional dependencies to install.
Slightly Springy, Never Bouncy
Buttons scale 0.8% on hover. Cards lift 1px. Every interactive component has subtle motion baked in. It's the default.
UI from the Server
JSON schema becomes React components. Data binding, conditions, events. Update the UI without shipping code.
COMPARISON
| Feature | Radix / shadcn | HUA UI |
|---|---|---|
| Approach | Headless + assemble | Complete, variant-driven |
| Styling | Flexible | CVA + CSS variables |
| Components | ~40 | 72+ |
| Dashboard | — | 22 components |
| SDUI | — | JSON → React |
| Motion | — | Micro-motion built-in |
| Icons | Radix Icons | 3 providers |
| Accessibility | Radix-based | Self-implemented |
| Dependencies | @radix-ui/* | CVA + clsx |