Introducing BRICKS - a Design System based on MUI
BRICKS is a design system starter-kit based on MUI, a react UI library providing customizable and accessible components.
- ♻️ Open source
- 🧱 Based on MUI
- 🧩 50+ accessible components
- 📚 Interactive documentation
- 🌗 Dark mode out of the box
The starter kit is built around six main tokens: Colors, Font, Spacing, Breakpoints, z-index, theme.
Dark and Light themes are supported out-of-the-box. You can test it directly on any doc page.
BRICKS comes with 50+ components to get started: menu, dialog, buttons , checkbox, cards, everything to cover the basics and more.
CSF Stories are available for every component allowing you to code your components in isolation and check all variations.
The documentation, Written in MDX, is displayed next to the code to ensure a smooth learning curve and quick onboarding for anyone joining the project.
The documentation also includes interactive playgrounds.
- ▶️ Explore BRICKS now on Backlight.dev
- 👩💻 Source code available on Backlight and GitHub
Check all other Backlight’s starter kits.