styled-jsx
Full CSS support for JSX with scoped styles and zero-runtime CSS-in-JS.
Styling and CSS npm MIT
How styled-jsx is used
styled-jsx joined the catalog on its public numbers (37,796,752 downloads a week on npm and 7,774 GitHub stars), not on our project count: it is a dependency in 6 public GitHub projects of our scan, 1 of them set up for AI coding agents. The most used alternative in our scan is Emotion (116 projects). Projects that use it most often also use Next.js (100.0%), Radix UI (83.3%), Class Variance Authority (83.3%).
styled-jsx popularity over time
Gid Score 58: downloads 97, use in agent projects 10, GitHub stars 46, downloads trend 63 (each 0-100). How it is calculated.
Often used with styled-jsx
| Next.js | 100.0% of styled-jsx projects · 5.6× more than average |
|---|---|
| Radix UI | 83.3% of styled-jsx projects · 6.4× more than average |
| Class Variance Authority | 83.3% of styled-jsx projects · 5.1× more than average |
| clsx | 83.3% of styled-jsx projects · 4.3× more than average |
| Lucide React | 83.3% of styled-jsx projects · 4.2× more than average |
| Tailwind Merge | 83.3% of styled-jsx projects · 4.4× more than average |
| React | 100.0% of styled-jsx projects · 3.1× more than average |
| Tailwind CSS | 100.0% of styled-jsx projects · 3.1× more than average |
Install
| Package | npm install styled-jsx |
|---|---|
| Main stacks | Next.js (6) |
| Example projects | Mebius1916/NextTalk_web, adityajha2005/kosu |
Alternatives to styled-jsx
Tools that do the same job, so a project picks one or the other. Add-ons and libraries used alongside styled-jsx are not listed here; they are in "Often used with".
| Tool | Gid Score | Used in agent projects | Downloads / wk | GitHub stars | License |
|---|---|---|---|---|---|
| Emotion npm CSS-in-JS library for styling React components with scoped styles and theming. |
72 | 116 (2.4%) | 11.3M | 18K | MIT |
| styled-components npm CSS-in-JS library for styling React components with dynamic scoped styles. |
70 | 19 (0.4%) | 5.9M | 41.1K | MIT |
More in Styling and CSS: Tailwind CSS Tailwind Merge Sass tailwind-variants NativeWind Fontsource Inter postcss-import Lightning CSS