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