Faye UI

What this system is

Faye UI is designed for one npm package, @fayegram-ai/faye-ui, with modular import paths. The interaction foundation is Base UI. Faye UI owns its tokens, visual components, customization contracts, layout vocabulary, rendering integrations and extension seams.

The default design favors clear type, thin borders, restrained radii and limited elevation. The visual language is independent of Material Design. Material UI is a capability reference, not an API or appearance to reproduce.

Explore the system

Use Theme in the top navigation to preview a different primary palette or custom color, light/dark mode, density and text direction.

Try the interactive consumer experience first: a responsive sidebar, labeled forms, radio choices, loading indicators, fade/slide transitions and a saved itinerary in one working composition.

Start with installation, then theming, customization sheets and layout. Every component-family page includes actual React imports and downloadable example source. The component reference indexes every documented JSX component by public import path, while the all-components gallery combines component-family examples for exploration and theme comparison.

Two real application architectures

The SSR edition uses request-rendered Next.js pages and client islands for interaction. The CSR edition uses a static Next.js export with an explicit client-only document boundary. Static export alone does not imply client-only rendering.

Both applications share the same source corpus and example modules. They publish Markdown, API JSON and an LLM index independently of JavaScript.

Release status

The npm package is not ready for release. The 0.1.0 publication was withdrawn on October 23, 2026, and the package is currently unavailable from npm. These guides preview the implemented API. See installation for availability and verification for supported checks and limitations.

See functional coverage against Material UI for the current comparison and scope boundaries.