agentic-ui
@base-ui/reactTailwind CSS v4React 19TypeScriptCSS ModulesDesign Tokens

Styled parts for @base-ui/react.
Nothing more.

@brijbyte/agentic-ui is an augmentation layer — design tokens, scoped CSS modules, and composable styled parts that sit on top of base-ui's headless primitives. You own the composition; we supply the look.

An augmentation layer

Every component delegates state, keyboard navigation, focus management, and ARIA semantics entirely to @base-ui/react. agentic-ui only answers: what should these look like?

Not a black-box library

The high-level wrappers are shortcuts for simple cases. The primary API is the set of styled sub-parts — each one can be lifted out, mixed with unstyled base-ui primitives, or replaced.

Foundation

Design tokens, not magic values

Every size, color, shadow, radius, and timing value is a CSS custom property. Light and dark modes are handled automatically — no dark: prefixes needed.

Components

24 styled components

Every component ships a high-level convenience wrapper and individual styled sub-parts that can be composed directly with the base-ui root.

Docs tech stack

Built with the same tools

The docs app is itself a showcase — it uses the library's own components and is prerendered at build time for every route.

Get a quick start

Install the package, wire up the CSS layer order, and render your first component in under five minutes.

$npm install @brijbyte/agentic-ui @base-ui/react react react-dom
Quick Start →