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.
@usefui
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.
@usefui
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, @usefui
is designed to help you build better,
faster.
@usefui
is a modular system where each package has a distinct role.
Understanding how they connect is key to using the platform effectively.
@usefui/components
provides low-level components such as Buttons,
Accordions, .. with a focus on accessibility, customization and developer
experience. Use it with @usefui/core
and @usefui/tokens
to get cohesive
UIs.
@usefui/tokens
is an assets library with built-int Design Tokens. Use it
with @usefui/core
to generate your custom Design Tokens library on
build-time.
@usefui/styles
provides reset styles, common styles definition and CSS
variables generated using @usefui/core
or from a built-in library
available throught @usefui/tokens
.
@usefui/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
@usefui/tokens
and @usefui/components
or as a standalone package to
customize your own Design System.
@usefui/analytics
provides live User analytics and system informations to
gain insights into user behavior and improve user experience.