Skip to content
fayeuiReact component library
Faye UI preview · Package unpublished

Less friction.
More possibility.

Thoughtful React components, flexible themes, and motion that responds. Build interfaces that feel as good as they look.

Your ideas. Your identity. A foundation to build on.

A little preview. Go ahead, try it.
DaydreamA day, your way

Take the scenic route.

Salt air. Open skies. A little room to wander.

Easygoing
A different scene. A pace that feels like you.

Real components. Small details. A better feeling.

A foundation with feeling

The details make
the difference.

A button is a beginning. The way it fits, responds, and works with everything around it is what makes an interface feel complete.

Explore an interactive example
01

Compose, don’t compromise.

From layout and text fields to dialogs and notifications. Bring the pieces together around your application.

See composed surfaces
02

A theme that goes all the way.

Color, density, direction, and the details in between. Shape one coherent experience across your components.

Visit the theme studio
03

Responsive in every sense.

Hover, focus, drag, and transition feedback, with support for keyboard interaction and reduced motion.

Try the interaction controls
Your next interface.tsx
import { Button } from
  '@fayegram-ai/faye-ui/controls/button';

export default function YourNextIdea() {
  return (
    <Button
      variant="solid"
      tone="accent"
    >
      Make something yours
    </Button>
  );
}

Built for your workflow

One package.
Your way of building.

Import the parts you need. Compose with React, customize with tokens, and keep the same foundation as your interface grows.

Faye UI 0.1.0 preview · npm package unpublished. See release status and verification.

A little more you

Make something
that feels like you.

Start with the pieces.
Make the experience your own.

Open the documentation