Neba UI

About this project

Neba UI is a React component library for building application interfaces. It ships the pieces a real product needs — buttons and form fields, menus and dialogs, tables, tabs, charts, progress and notifications — already styled, already accessible and already agreeing with each other, so a screen is assembled rather than designed a second time. It also carries what the interface of an AI agent needs — a prompt input, streaming text, tool calls, approval requests, a reasoning panel and a list of steps — and an A2UI renderer at neba/a2ui turns the screen an agent describes in JSON into Neba components.

Every component draws from one shared vocabulary. Size, color, variant, density and elevation mean the same thing everywhere, so a medium control is the same height on any control and the primary colour is the same colour on all of them. Roles, labels, focus management and keyboard support live inside the components rather than being bolted on afterwards, and dark mode follows the system with nothing to write. The look is a design language rather than a theme file: a translucent surface with a hairline edge, one motion signature, and shadows that have to be asked for.

Setup is one package and one line of CSS. There is no provider at the root, no theme object to assemble and no configuration file. The package is ESM only, carries TypeScript declarations and is genuinely tree-shakeable — every component compiles to its own module, so importing a button costs about what a button costs. It runs on React 18 or 19 with two runtime dependencies; the A2UI renderer brings three optional peers of its own, which a project that never imports it never resolves. Every component is documented with live previews rather than screenshots.

Features

• Documentation site

• TypeScript types

• Multiple languages

• Verified by tests

• Accessibility built in

• Dark mode

• Tree-shakeable