# styled-jsx

Babel plugin and runtime that transpile CSS written in style tags inside JSX components into class names scoped to that component.


Source: https://findsoftware.frbit.cloud/styled-jsx/
Last reviewed: 2026-10-28
Listed since: 2026-10-28

## Record

### Links

- repository: https://github.com/vercel/styled-jsx
- docs: https://github.com/vercel/styled-jsx/blob/main/readme.md

### Identity

- status: active
- maintainer: Vercel Inc.
- maintainerType: company
- parent: unknown
- firstRelease: 2016
- hqCountry: unknown

### Kind

- category: css-framework
- hosting: not applicable
- language: javascript
- runtime: unknown
- runtimeMin: not applicable
- basedOn: unknown

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: not applicable

### Rendering and deploy

- runsAs: unknown
- renderingModes: not applicable
- installMethod: npm

### License

- licenseModel: open-source
- license: MIT

### Releases

- currentMajor: 5
- latestReleaseDate: 2025-04-30

### Adoption

- githubStargazers: 7773
- packagistDownloads: not applicable
- npmWeeklyDownloads: 70483449
- contributors: 79
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: unknown
- wordpressActiveInstalls: unknown
- dependentRepos: 322498
- dependentPackages: 1022

### Sources

- urls: https://api.github.com/repos/vercel/styled-jsx (read 2026-10-28)
- urls: https://github.com/vercel/styled-jsx/blob/main/readme.md (read 2026-10-28)
- maintainer: https://github.com/vercel/styled-jsx/blob/main/license.md (read 2026-10-28)
- language: https://api.github.com/repos/vercel/styled-jsx (read 2026-10-28)
- category: https://github.com/vercel/styled-jsx/blob/main/readme.md (read 2026-10-28)
- installMethod: https://github.com/vercel/styled-jsx/blob/main/readme.md (read 2026-10-28)
- license: https://github.com/vercel/styled-jsx/blob/main/license.md (read 2026-10-28)
- licenseModel: https://github.com/vercel/styled-jsx/blob/main/license.md (read 2026-10-28)
- currentMajor: https://api.github.com/repos/vercel/styled-jsx/releases (read 2026-10-28)
- latestReleaseDate: https://api.github.com/repos/vercel/styled-jsx/releases (read 2026-10-28)
- firstRelease: https://api.github.com/repos/vercel/styled-jsx/releases (read 2026-10-28)
- githubStargazers: https://api.github.com/repos/vercel/styled-jsx (read 2026-10-28)
- contributors: https://api.github.com/repos/vercel/styled-jsx/contributors (read 2026-10-28)
- npmWeeklyDownloads: https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/styled-jsx (read 2026-10-28)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/styled-jsx (read 2026-10-28)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/styled-jsx (read 2026-10-28)

## Notes

styled-jsx is a CSS processor for JSX. CSS written in a `<style jsx>` tag inside a component is transpiled by a Babel plugin into class names unique to that component, so its rules reach the elements the component renders and no others. The project is installed from npm and maintained by Vercel Inc. Next.js configures the plugin itself, so a Next.js project needs no separate Babel setup for it.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0