V0.1.3 Beta

Build faster with beautiful, accessible components.

Boreal UI is a themeable component library for React and Next.js. It gives you accessible defaults, SCSS-powered styling, design tokens, and production-ready UI patterns without fighting your CSS.

Get startedBrowse components

The full toolkit for modern apps

Forms

Inputs, selects, text areas, file uploads, validation states, and accessible labels.

Data

Tables, metrics, cards, progress displays, and layout components for dashboards.

Navigation

Tabs, breadcrumbs, pagers, toolbars, dropdowns, and app navigation patterns.

Feedback

Modals, popovers, tooltips, badges, alerts, skeletons, and status components.

Design polish without giving up control

Built for performance

Tree-shakeable imports, focused component APIs, and styling that stays predictable as your app grows.

Core + Next buildsSCSS tokensTyped props

Accessible defaults

Keyboard interactions, ARIA patterns, labels, roles, and testing patterns are treated as part of the component design.

Themeable by design

Use global tokens, custom color schemes, semantic themes, and component-level overrides without rewriting the library.

Developer experience

Strong TypeScript support, clear exports, and component APIs designed to feel predictable in real projects.

Read the docs

Install Boreal UI and start building.

Bring in the global styles once, import the components you need, and customize the look with Boreal UI theme tokens. Prefer a guided setup? Use the Boreal UI CLI to configure React or Next.js projects for you.

View CLI docs
terminal
npm install @boreal-ui/core
npm install @boreal-ui/next
npx @boreal-ui/cli@latest init

Ready to build a UI your way?

Start with a single component or theme an entire product. Boreal UI scales from side project to production interface.

Explore the docsView on npm