Labanaat UI
🚀 I’ve launched Labanaat UI — a React component library I built to explore what it takes to create a complete, reusable UI system. Labanaat (لبنات) means “building blocks” in Arabic — reflecting the idea behind the library: composable building blocks for creating modern React interfaces. 🧱 What’s included • 47 React components — including Kanban, DataGrid, Calendar, Chart, and more •…
Labanaat UI, a React component library, has been launched to explore the development of a comprehensive, reusable UI system. The name, derived from Arabic word Labanaat meaning "building blocks," signifies its core principle: composable building blocks for crafting modern React interfaces.
This library offers 47 React components, encompassing essential elements like Kanban, DataGrid, Calendar, Chart, and more. It also features token-based theming using CSS variables, tree-shakeable component entry points, interactive documentation with live, editable examples, three application templates, and accessibility testing using axe-core and component tests.
To get started, install it via npm using the command `npm install @labanaat/ui`. The website for Labanaat UI is available at labanaat.com, and you can find the GitHub repository at Mohammed-Saif-Ibrahim / labanaat.
Labanaat UI aims to be a production-grade, composable React component library that is accessible by default, themeable using design tokens, and designed to feel cohesive as a single product rather than a collection of separate components.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
