best styling DX for component libraries with design tokens

• vanilla-extract

  90 9,262 8.9 TypeScript

  Zero-runtime Stylesheets-in-TypeScript

  

curious why most libraries today that buys into this uses emotion over styled-components and has anyone attempted trying to build their own library that make uses of design-tokens. some newer css-in-js libraries like stitches or vanilla-extract or xstyled but they doesn't seem as popular.

• theme-ui

  19 5,212 8.2 TypeScript

  Build consistent, themeable React apps based on constraint-based design principles

  

I am a huge fan of design tokens which is popularized by styled-system (unmaintained?) and theme-ui Interested in finding out how to achieve the best DX for building a new design system.

• SurveyJS

  surveyjs.io sponsored

  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.

  

• styled-system

  32 7,806 0.0 JavaScript

  ⬢ Style props for rapid UI development

  

I am a huge fan of design tokens which is popularized by styled-system (unmaintained?) and theme-ui Interested in finding out how to achieve the best DX for building a new design system.

• stitches

  80 7,691 3.9 JavaScript

  [Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

  

curious why most libraries today that buys into this uses emotion over styled-components and has anyone attempted trying to build their own library that make uses of design-tokens. some newer css-in-js libraries like stitches or vanilla-extract or xstyled but they doesn't seem as popular.

Suggest a related project