Clone Starter to start your own Design System in just 5 steps, taking you 5 minutes max!
| Target | Link |
|---|---|
| 🌐 Visit the homepage | https://www.kickstartDS.com |
| 🛎️ Ask our Concierge | https://www.kickstartDS.com/concierge |
| 📝 Read the blog | https://www.kickstartDS.com/blog |
| 👫 Join the Discord community | https://discord.gg/mwKzD5gejY |
| ⚙️ Peruse the Storybook | https://www.kickstartDS.com/storybook |
| 🧑🏫 Learn from docs | https://www.kickstartDS.com/docs |
A low-code framework and comprehensive component library enabling digital teams to create consistent and brand compliant web frontends super efficiently. Easy like squeeeeezing a lemon 🍋
✔️ Design Token with token layering from branding down to the component level
✔️ Design Token utilizing semantic naming
✔️ Instantly use best practice defaults, or make it your own entirely
✔️ Full flexibility to help you in creating your own Design System:
26 ready to implement components in 4 modules, with
250+ available properties, and
500+ tokens to help you make the best design decisions
kickstartDS was created to have:
- Great components as the baseline
- Enable flexible + easy design application
- First-class React templating support
- Work with "classic" backend environments, too
- Jamstack & composable integrations
We have the following categories in our docs:
- Getting Started: intro to kickstartDS, its requirements and basic usage
- Foundations: explanations for all basic building blocks like token, components and layout
- Integration: available integrations that can take work off your shoulders
- Guides: main Design System setup guide, and guides around specific component workflows
- Concepts (coming soon): Background articles about the concepts involved, like Semantic Token, JSON Schema, and the likes
