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.

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, and 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