O kickstartDS parte de uma ideia simples: as equipes devem conseguir ter seu próprio design system sem anos de investimento inicial. Você instala o código no seu próprio repositório, então não há aprisionamento a fornecedor e o sistema resultante é realmente seu. O projeto combina um framework low-code com um toolkit de desenvolvimento UI e uma ampla biblioteca de componentes, fazendo desenvolvedores e designers trabalharem sobre uma base comum.
O kit inclui atualmente 26 componentes, cerca de 250 propriedades de componente e aproximadamente 500 design tokens cobrindo cores, tipografia, tamanhos e iconografia. Os componentes são escritos em HTML5 semântico com CSS Modules e propriedades customizadas, mais JavaScript ES6, o que permite integrá-los a praticamente qualquer framework ou usá-los de forma independente, com componentes React prontos para uso. Tudo é pensado para desempenho e acessibilidade, com suporte a WCAG 2.1, teclado, toque e leitores de tela.
A camada de IA é o Design System Concierge, um assistente gratuito que responde perguntas sobre o sistema e indica guias de implementação, documentos de arquitetura e estratégias de adoção. Além do núcleo open source, o kickstartDS oferece starters CMS para Storyblok, Netlify Create, Sanity Studio e WordPress, integrações como uma API GraphQL autogerada para Next.js, e serviços com um Content Module pago.
