// Everything from one package
import {
  Button, Card, Container,
  useFadeIn, useSlideUp,
  useTranslation,
} from '@hua-labs/hua-ux';

// Framework utilities
import {
  HuaUxLayout,
  useMotion,
  useBranding,
} from '@hua-labs/hua-ux/framework';

// Presets
import { productPreset, marketingPreset } from '@hua-labs/hua-ux/presets';

Using Individual Packages

// UI Components
import { Button, Card } from '@hua-labs/ui';

// Motion Hooks
import { useFadeIn, useSlideUp } from '@hua-labs/motion-core';

// i18n
import { useTranslation } from '@hua-labs/i18n-core';

// State
import { createHuaStore } from '@hua-labs/state';

// SDUI
import { defaultRegistry, extendRegistry } from '@hua-labs/ui/sdui';

TypeScript 지원

모든 패키지는 완전한 타입 정의와 함께 TypeScript로 작성되었습니다.

// Types are automatically inferred
const fadeIn = useFadeIn({ duration: 800 });
// fadeIn: { ref, style, isVisible, isAnimating, progress, start, stop, reset, pause, resume }

// Explicit typing when needed
import type { SDUINode, SDUIPageSchema } from '@hua-labs/ui/sdui';
import type { MicroMotionPreset } from '@hua-labs/ui';
import type { HuaUxConfig } from '@hua-labs/hua-ux/framework';

요구사항

React

>= 19.0.0

Next.js

>= 14.0.0

TypeScript

>= 5.0.0

Node.js

>= 18.17.0

Detailed Documentation Coming Soon

별도의 상세 문서 사이트(docs.hua-labs.com)를 준비 중이에요. 각 컴포넌트별 Props, 예제, 타입 정의 등 더 자세한 API 문서를 제공할 예정입니다.

설정 FAQ