Engineering Emotion — UI, Motion, i18n in one framework.
Open-source React framework for building emotionally resonant user experiences. Combines UI components, motion system, and internationalization into a unified developer experience.
# Start a new HUA project
npx create-hua my-app
cd my-app
pnpm devOr add to an existing project:
pnpm add @hua-labs/hua| Package | Version | Description |
|---|---|---|
@hua-labs/hua |
Unified framework: UI + Motion + i18n | |
@hua-labs/ui |
100+ React UI components | |
create-hua |
Project scaffolding CLI |
| Package | Version | Description |
|---|---|---|
@hua-labs/i18n-core |
SSR-ready, zero-flicker i18n | |
@hua-labs/i18n-core-zustand |
Zustand store adapter | |
@hua-labs/i18n-loaders |
Translation loaders (JSON, YAML, API) | |
@hua-labs/i18n-formatters |
Date, number, relative time formatters |
| Package | Version | Description |
|---|---|---|
@hua-labs/motion-core |
Zero-dependency animation hooks |
| Package | Version | Description |
|---|---|---|
@hua-labs/state |
State management (Zustand-based) | |
@hua-labs/hooks |
Shared React hooks | |
@hua-labs/utils |
Common utility functions |
| Layer | Technology |
|---|---|
| Language | TypeScript 5.9 |
| Runtime | React 19 |
| Styling | Tailwind CSS |
| State | Zustand |
| Build | Turborepo, tsup |
| Testing | Vitest |
- Node.js 22.x
- pnpm 10.17.0+
pnpm install # Install dependencies
pnpm build # Build all packages
pnpm type-check # Type check
pnpm lint # Lint
pnpm test # Run tests- HUA Docs — Framework documentation
- HUA Labs — Official site
- npm: @hua-labs/hua
- GitHub Issues
MIT License - see LICENSE for details.
Built with care by HUA Labs