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. Learn more →
Top 23 TypeScript css-in-j Projects
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
Project mention: 11 Interview Questions You Should Know as a React Native Developer in 2025 📈🚀 | dev.to | 2025-04-13Using the same CSS-in-JS approach as React, you can use libraries like Styled Components to style your components. This allows you to write CSS directly in your JavaScript files (personally not a fan of using these).
-
SurveyJS
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
-
Project mention: Accessible by Default: The Non-Negotiable Frontier of Frontend in 2025 | dev.to | 2025-04-14
Use accessible-first design systems like Material UI or Chakra UI.
-
tamagui
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
GitHub repository
-
We're going to investigate the difference in performance between Tailwind and Linaria. Tailwind, you already know. And Linaria has been getting quite a lot of traction since styled components went into maintenance mode recently. We'll cover why Linaria is a good choice for this comparison a bit further.
-
twin.macro
🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
-
-
If you still think a polymorphic component would be better, really can't deal with plain HTML, or don’t want to write CSS in a separate file (though I am not sure why), my next suggestion would be to take a look at PandaCSS and create custom patterns or explore other options like vanilla-extract. In my opinion, these tools are an over-engineered CSS metalanguage but still better than a polymorphic component.
-
Civic Auth
Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
-
-
-
-
-
-
-
react-awesome-reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Reduce transition distance from react-awesome-reveal library using custom logic.
-
-
css-in-js
A thorough analysis of all the current CSS-in-JS solutions with SSR & TypeScript support for Next.js (by andreipfeiffer)
Aside from the DevTools issue, it appears to be mostly a performance issue. Of course, there are CSS in JS, which overcomes these issues by extracting the CSS and making it zero runtime, but there are some tradeoffs. Here are two examples.
-
Tailwind-Styled-Component
Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering
-
macaron
Compiler-augmented typesafe CSS-in-JS with zero runtime, colocation, maximum safety and productivity (by macaron-css)
-
-
-
use-resize-observer
A React hook that allows you to use a ResizeObserver to measure an element's size.
-
-
react-redux-saga-boilerplate
Starter kit with react-router, react-helmet, redux, redux-saga and styled-components
-
InfluxDB
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.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript css-in-js discussion
TypeScript css-in-js related posts
-
Tailwind vs Linaria: Performance Investigation
-
11 Interview Questions You Should Know as a React Native Developer in 2025 📈🚀
-
CSS-in-JS: Pros and cons
-
Tamagui: Building Cross-Platform Apps Made Simple
-
Woovi monorepos best practices
-
How to Use Styled-Components for Elegant React UI Design
-
Rethinking CSS in JS
-
A note from our sponsor - InfluxDB
www.influxdata.com | 15 May 2025
Index
What are some of the best open-source css-in-j projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | styled-components | 40,795 |
| 2 | chakra-ui | 39,048 |
| 3 | tamagui | 12,528 |
| 4 | linaria | 12,035 |
| 5 | twin.macro | 7,997 |
| 6 | eui | 6,163 |
| 7 | panda | 5,520 |
| 8 | styletron | 3,316 |
| 9 | typestyle | 3,074 |
| 10 | jsxstyle | 2,113 |
| 11 | compiled | 2,007 |
| 12 | Kuma UI | 1,829 |
| 13 | griffel | 1,236 |
| 14 | react-awesome-reveal | 1,171 |
| 15 | ui-box | 1,071 |
| 16 | css-in-js | 848 |
| 17 | Tailwind-Styled-Component | 823 |
| 18 | macaron | 776 |
| 19 | design-system | 723 |
| 20 | tss-react | 687 |
| 21 | use-resize-observer | 665 |
| 22 | color2k | 621 |
| 23 | react-redux-saga-boilerplate | 613 |
Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io