Skip to content
@kickstartDS

kickstartDS

kickstartDS is the Open Source starter kit for Design Systems - Own a Design System without investing years of development

kickstartDS is the Open Source starter kit for Design Systems

Links

Target Link
🌐 Visit the homepage https://www.kickstartDS.com/
📝 Read the blog https://www.kickstartDS.com/
👫 Join the Discord community https://discord.gg/mwKzD5gejY
⚙️ Peruse the Storybook https://www.kickstartDS.com/storybook
🧑‍🏫 Learn from docs https://www.kickstartDS.com/docs

What

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

Why

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

How

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

Pinned

  1. kickstartDS Public

    kickstartDS mono-repository, containing all packages but config related ones and the content component module

    TypeScript 6

  2. config Public

    kickstartDS mono-repository, containing config related packages

    JavaScript

  3. CLI to interact with kickstartDS and kickstartDS based Design Systems

    TypeScript 3 1

  4. Our own, **kickstartDS** branded Storybook instance. Have a look for inspiration!

    JavaScript 1

  5. Displays associated JSON Schema documentation using a rich schema explorer interface, and adds a validating JSON Code Editor with semantic auto-complete to interact with your components, and copy c…

    JavaScript 11 1

  6. Forked from ljcl/storybook-addon-cssprops

    Displays associated Component Token documentation for components, extracted from their CSS automatically.

    TypeScript 1

Repositories

Sponsoring

@code-hike

Top languages

Loading…

Most used topics

Loading…