Introducing SIMBA - a Lion Design System
SIMBA is a Design System starter-kit for Backlight, based on Lion. As Building a Design System from scratch is a really hard and tedious task, Simba is the next step on our journey to build starter-kits for every possible technology.
♻️ Open source
🤘 Based on Lion’s accessible components
🔥 Design Tokens in JSON
🧩 20+ Web Components
📚 Interactive documentation
🌑 Dark mode out-of-the-box
🎨 Figma library
The starter kit is built around four main tokens: Color, Radius, Typography, Spacing
SIMBA comes with 20+ components to get started: dialog, buttons , checkbox, switch, everything to cover the basics and more.
Written in MDJS, the interactive documentation with built-in navigation is available next to the code to ensure a shallow learning curve as well as an easy onboarding for anyone joining the project. The documentation includes interactive playgrounds.
SIMBA Figma library is available next to the code to ensure perfect Developers-Designers alignment.
▶️ Explore SIMBA now on Backlight.dev
👩💻 Source code available on Backlight and GitHub
📦 npm package to try SIMBA unchanged.
Check all other Backlight’s starter kits.