styled-jsx
Babel plugin and runtime that transpile CSS written in style tags inside JSX components into class names scoped to that component.
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.
Identity
Rendering and deploy
- Install with
- npm2
Releases
Adoption
Sources
- 2026-10-28: links, Written in, GitHub stars
api.github.com/repos/vercel/styled-jsx - 2026-10-28: links, Categories, Install with
github.com/vercel/styled-jsx/blob/main/readme.md - 2026-10-28: Maintainer, License, License model
github.com/vercel/styled-jsx/blob/main/license.md - 2026-10-28: Current major version, Last release, First release
api.github.com/repos/vercel/styled-jsx/releases - 2026-10-28: Contributors
api.github.com/repos/vercel/styled-jsx/contributors - 2026-10-28: npm downloads a week
api.npmjs.org/downloads/range/2026-09-28:2026-10-04/styled-jsx - 2026-10-28: Dependent packages, Dependent repositories
packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/styled-jsx