foundation-ui offers a suite of powerful Engines and Libraries optimized to create cohesive UIs using accessible, robust, and intuitive components alongside User Behavior Analytics.
@foundation-ui provides a complete platform for building beautiful,
consistent, and data-driven user interfaces that can be deployed to any
target.
This is an integrated ecosystem designed to streamline the entire product development workflow, from design tokens to production applications.
@foundation-ui is built on three core principles:
Headless Architecture: Use built-in analytics to understand how users actually interact with your components, enabling you to make smarter, evidence-based design decisions.
Data-Driven Development: Use built-in analytics to understand how users actually interact with your components, enabling you to make smarter, evidence-based design decisions.
Seamless Developer Experience: With a powerful token engine, a focus on
accessibility and flexibility, @foundation-ui is designed to help you build
better, faster.
@foundation-ui is a modular system where each package has a distinct role.
Understanding how they connect is key to using the platform effectively.
@foundation-ui/components provides low-level components such as Buttons,
Accordions, .. with a focus on accessibility, customization and developer
experience. Use it with @foundation-ui/core and @foundation-ui/tokens to
get cohesive UIs.
@foundation-ui/tokens is an assets library with built-int Design Tokens.
Use it with @foundation-ui/core to generate your custom Design Tokens
library on build-time.
@foundation-ui/styles provides reset styles, common styles definition and
CSS variables generated using @foundation-ui/core or from a built-in
library available throught @foundation-ui/tokens.
@foundation-ui/core is a Design Tokens Engine built to generate JSON based
libraries that can be used in any kind of app. Use it coupled with
@foundation-ui/tokens and @foundation-ui/components or as a standalone
package to customize your own Design System.
@foundation-ui/analytics provides live User analytics and system
informations to gain insights into user behavior and improve user
experience.