Design System to CSS Code

• storybook

  322 82,810 10.0 TypeScript

  Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

  

There are multiple design system solutions like zeroheight, supernova, storybook and even figma has some options that allows you to document design logic and setup design tokens (variables).

• Bootstrap

  530 167,478 9.6 JavaScript

  The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  

However, none of them allows you to export the entire design system as a single CSS bundle. Usually these tools provides you a CSS file with tokens and that's it. As a reference, you can think about Bootstrap's bundle css file that contains all the variables (tokens) and classNames of components. I am looking for something similar. A software that allows me to manage components and their styling (classNames). Things like buttons, forms, alert messages, article card, sidebars etc... and export everything as a single CSS bundle file, kind of "Global Styling" file.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project