kickstartDS comes with different component modules which are all built on top of each other. Experience all modules and its compontents with all their properties and possibities in our Storybook.
The Core Module is principally the base layer of any kickstartDS instance. It contains no components which you can grab and use further it is rather the foundation for every layout by beholding a
Container Component, at least that s what we call it. Its speciality is the usage of
container queries. If you want to learn more about this, take a deeper look into the according information at mozilla.org: CSS Container Queries
The kickstartDS Base Module is our comprehensive component library enabling development teams to create consistent and brand compliant web frontends super efficiently. It contains a solid set of default components being the building blocks to create your Design System from the scratch, code first!
The Form Module contains all the form elements you need to be styled to create your form recipes on top of it. Browse the different form elements in our Storybook.
A Design System is nothing without a system applying it. That's why we created a simple set of components to empower you creating a blog to bring kickstartDS into action. The Blog Module contains five rich components,
Check 'em in the Storybook.
As the perfect addition to our Open Source Base, we offer a closed Content Module. In almost every project teams need to structur and layout content. Be it your next landing or marking page, your main website, a CMS-project or whenever content is key.
The Content Module includes seven rich components: like the famous hero visual, Components for quotes, contact-cards, storytelling etc. — everything you need to build beautiful content experiences following your very indivisual design decisions. The components from the content Module are ready-made, with well-curated options and connected to the underlaying design and component tokens. You can get a glimpse of what is meant by checking this blog post.
The Content Module includes seven rich components: Hero visual, Quote, Storytelling etc. — everything you need to build beautiful content experiences or to enrich your existing Design System
Do you miss something?
We are working on further modules. And you can too! Join our community and let us know which components you miss. Or share the phantastical things you have built based on kickstartDS.