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

1. panda

   1 16 5,771 9.4 TypeScript

   🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️

   

   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.

2. InfluxDB

   www.influxdata.com featured

   InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

   

3. vanilla-extract

   2 98 10,092 8.4 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.

4. linaria

   3 52 12,159 5.9 TypeScript

   Zero-runtime CSS in JS library

   

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

5. styled-system

   4 34 7,871 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.

6. shadcn/ui

   5 330 93,691 9.6 TypeScript

   A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

   

   Tailwind with shadcn

7. bau

   6 7 134 8.5 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