hai-ui

Build cross-platform user interfaces with Svelte 5 by adopting a type-safe component library that enforces consistency through a three-layer architecture, design tokens, and platform detection. This approach standardizes web and mobile interfaces while reducing maintenance costs.

Managing design consistency and i18n across web and mobile apps requires a unified component library with a built-in design-token system and native internationalization support. This setup ensures visual coherence and localized content across all platform endpoints.

Yes, this UI library works directly with DaisyUI v5 and Tailwind CSS v4, integrating them alongside Bits UI and Svelte 5 Runes. These dependencies form the foundational styling and logic layer for the cross-platform components.

Structure frontend components for cross-platform applications by dividing them into primitives, compounds, and scenes. This three-layer architecture isolates basic elements from complex combinations and full page layouts to maintain scalability and consistency.

Yes, you can use automatic imports and a design-token system to enforce UI accessibility and consistency across different platforms. Platform detection automatically applies the correct tokens and component behaviors for web and mobile environments.