Forms
Inputs, selects, text areas, file uploads, validation states, and accessible labels.
V0.1.4 Beta
Customizable UI components for React and Next.js.
Create a distinctive, accessible interface without rebuilding the fundamentals. Boreal UI combines polished components, flexible themes, design tokens, and predictable APIs so you can enhance a new or existing application while keeping control of its look and feel.
Enhance your application's aesthetic appeal
Build visually appealing, user-friendly React and Next.js interfaces with customizable components for forms, data, navigation, and application feedback.
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.
Why choose Boreal UI?
Seamless React and Next.js integration
Choose dedicated React Core or Next.js builds, use tree-shakeable imports, and follow focused component APIs designed to fit naturally into modern application workflows.
Core + Next buildsSCSS tokensTyped props
Accessibility at the core
Semantic markup, keyboard interactions, ARIA patterns, labels, roles, and visible focus behavior are considered as part of the component design—not an afterthought.
Customization to fit your needs
Tailor global tokens, custom color schemes, semantic themes, component behavior, and local styles to create an experience that aligns with your product's visual direction.
Getting started with Boreal UI
Install the free MIT-licensed packages from npm, add the global styles, and import the components you need. The documentation and Boreal UI CLI guide both new and experienced React developers through setup, theming, and component integration.
terminal
npm install @boreal-ui/core
npm install @boreal-ui/next
npx @boreal-ui/cli@latest init