Skip to content

typescript
// Minimal configuration
import { defineConfig } from "@hua-labs/hua/framework";

export default defineConfig({
  branding: {
    name: "My App",
  },
});

typescript
// hua.config.ts
import { defineConfig } from "@hua-labs/hua/framework";

export default defineConfig({
  // Branding
  branding: {
    name: "My App",
    primaryColor: "#6366f1",
    logo: "/logo.svg",
  },

  // Internationalization
  i18n: {
    defaultLanguage: "en",
    supportedLanguages: ["en", "ko", "ja"],
    translationsPath: "/api/translations",
  },

  // Motion/Animation
  motion: {
    reducedMotion: "user",
    defaultDuration: 300,
    defaultEasing: "ease-out",
  },

  // Theme
  theme: {
    defaultTheme: "system",
    storageKey: "my-app-theme",
  },

  // Plugins (Pro)
  plugins: [
    // @hua-labs/ui-advanced features
  ],
});

namestring"App"
primaryColorstring"#6366f1"
logostring | ReactNodeundefined

defaultLanguagestring"en"
supportedLanguagesstring[]["en"]
translationsPathstring"/api/translations"

reducedMotion"user" | "always" | "never""user"
defaultDurationnumber300
defaultEasingstring"ease-out"

bash
# .env.local
HUA_DEFAULT_LANGUAGE=ko
HUA_PRIMARY_COLOR=#10b981
HUA_REDUCED_MOTION=always