What's the best option these days for CSS in JS?

• panda

  12 4,681 9.9 TypeScript

  🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️

  

PandaCSS also gets a special mention as a new addition to the list of zero-runtime CSS-in-JS libraries. It takes API inspiration from some all the major favorites and maintained by the ChakraUI team, who I'd consider trusted at this point.

• vanilla-extract

  90 9,262 8.9 TypeScript

  Zero-runtime Stylesheets-in-TypeScript

  

Vanilla Extract is my current choice for the next greenfield project. I would also recommend checking out how and why this team integrated it with Tailwind.

• 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.

  

• linaria

  46 11,182 8.4 TypeScript

  Zero-runtime CSS in JS library

  

https://github.com/vanilla-extract-css/vanilla-extract and https://github.com/callstack/linaria

• styled-system

  32 7,806 0.0 JavaScript

  ⬢ Style props for rapid UI development

  

Then we started using Chakra, which has style props based on Styled System. I'm quite happy with them after about a year.

• shadcn/ui

  136 56,834 9.3 TypeScript

  Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

  

Tailwind with shadcn

• bau

  7 56 9.7 JavaScript

  Reactive library and components for building web user interface

  

Check it out at https://github.com/grucloud/bau/tree/main/bau-css

Suggest a related project