Dashboard
Analytics overview
Metrics, trends, and the bigger picture. All in one place.
Explore templateThe matte React design system
A calmer canvas for complex software.
Thoughtful components and complete dashboard layouts. Build information-rich products with a little less noise, and a lot more clarity.
React 19TypeScriptOpen source · MIT
The starting points
Skip the blank canvas.
Keep the possibilities.
Working layouts for the work that matters. Explore the details, borrow the patterns, and make them your own.
The Basalt mark
Craft in
every layer.
A familiar silhouette.
A character all its own.
01 / Form & material
White marble. Colorful roofs. A corner tower built from small, considered details.
That same care for proportion, layers, and color runs through the entire design system.
Explore our colors
The details add up
Quiet by design.
Capable by default.
A consistent foundation from your first button to your busiest screen. Built to feel like one product.
Every detail belongs.
Buttons, inputs, menus, and dialogs share the same spacing, shape, and interaction language. Less time reconciling the details.
Explore componentsGive your data a voice.
From a quiet sparkline to a full analytics view. Charts and data patterns designed to make dense information easier to read.
Explore chartsDepth without distraction.
Matte surfaces, measured contrast, and a palette that feels at home in light and dark. One system, with room to make it yours.
Explore the paletteFrom here, it’s yours
Make something
worth using.
Start with a component. Grow into a system.
The source is open, and the next move is yours.
Start buildingnpm
npm i @nocoo/basalt lucide-react React 19 & TypeScript Tailwind v4 or standalone CSS
Read the installation guideWhat is Basalt?
Basalt is an open-source React 19 UI library for dashboards and information-rich software. It includes components, charts, reusable blocks, and working example layouts, with TypeScript APIs and a live catalog.
Can I use it in a commercial project?
Yes. The component library and example source are available under the MIT license. You can use and adapt them for personal and commercial projects, keeping the license notice with the source.
Do I need Tailwind CSS?
No. Basalt supports Tailwind CSS v4 and also ships standalone CSS. Use the setup that fits your application; both share the same design tokens and components.
Are the templates complete applications?
The examples are working frontend layouts with sample data. Use them as a starting point, then connect your own authentication, data sources, and business logic. The repository includes integration guides and reusable application recipes.