styled-jsx
npmv5.1.7TypeScriptFull CSS support for JSX without compromises
Adopt with care
styled-jsx is usable, with caveats. Last published 497 days ago.
- ?Adoption: grade ?, Not reported by this registry.
No download data reported for this package yet.
- CMaintenance: grade C, Fair — worth a look.
Last published 497 days ago.
- AWeight: grade A, Excellent.
Pulls in 1 transitive package, about 1007 KB installed.
- ASupply chain: grade A, Excellent.
No install scripts, 3 maintainers, and a contained dependency surface.
- ALicense: grade A, Excellent.
MIT — permissive, with no copyleft found in the dependency tree.
Grades are computed deterministically from registry metadata collected by PackageGraph — downloads, dependents, publish dates, the resolved dependency tree, maintainer count, and declared licenses. No third-party scores are used.
Install cost
What you actually take on by adding styled-jsx to a project.
Runtime packages this one declares itself.
Distinct packages in the full runtime tree, deduplicated the way a package manager would.
Unpacked size of this package plus its entire runtime tree.
Longest resolved dependency chain below this package.
Licenses in the dependency tree
Every license you inherit by installing styled-jsx, not just its own. Check this before a legal review, not after.
Compatibility
- Node.js
- node >= 12.0.0
- Module format
- CommonJS only
- TypeScript
- Types included
- Install scripts
- None
Quick start
A usage example from the styled-jsx README.
export default () => (
<div>
<p>only this paragraph will get the style :)</p>
{/* you can include <Component />s here that include
other <p>s that don't get unexpected styles! */}
<style jsx>{`
p {
color: red;
}
`}</style>
</div>
)styled-jsx vs the alternatives
Packages solving a similar problem in the npm ecosystem, compared on the signals that drive an adoption decision.
| Package | Weekly downloads | Dependents | License | Last release |
|---|---|---|---|---|
| styled-jsxthis page | 0 | 1 | MIT | 1 year ago |
| postcss | 249.3M | 7 | MIT | 1 day ago |
| csstype | 142.8M | 2 | MIT | 1 day ago |
| diff | 124.1M | 4 | BSD-3-Clause | 1 day ago |
| react-style-singleton | 59.1M | 2 | MIT | 1 day ago |
| css.escape | 48.7M | 2 | MIT | 1 day ago |
Dependencies
Declared by styled-jsx v5.1.7. Runtime dependencies are installed with the package; dev dependencies are not.
Runtime (1)
Dev (31)
Used by
Popular packages that depend on styled-jsx.
Relationship graph
Dependencies (left) and dependents (right) of styled-jsx.
Frequently installed together
Tool for transforming styles with JS plugins
A smaller version of caniuse-db, with only the essentials!
React is a JavaScript library for building user interfaces.
React package for working with the DOM.
External helpers for the swc project.
A library for obtaining browser versions with their maximum supported Baseline feature set and Widely Available status.
A high-level API to automate web browsers
Public API for OpenTelemetry
Babel plugin for React Compiler.
Next.js dotenv file loading
A pure JavaScript implementation of Sass.
Release history
1 release in the last two years, typically about 21 days apart.
| Version | Published | Size | License |
|---|---|---|---|
| 5.1.7latest | 1 year ago | 1007 KB | MIT |
| 5.1.6 | 2 years ago | 1008 KB | MIT |
| 5.1.5 | 2 years ago | 1008 KB | MIT |
| 5.1.4 | 2 years ago | 1008 KB | MIT |
| 5.1.3 | 2 years ago | 1008 KB | MIT |
| 5.1.2 | 3 years ago | 1008 KB | MIT |
| 5.1.1 | 3 years ago | 1008 KB | MIT |
| 5.1.0 | 3 years ago | 986 KB | MIT |
| 5.0.7 | 4 years ago | 968 KB | MIT |
| 5.0.6 | 4 years ago | 968 KB | MIT |
| 5.0.5 | 4 years ago | 968 KB | MIT |
| 5.0.4 | 4 years ago | 848 KB | MIT |
| 5.0.3 | 4 years ago | 848 KB | MIT |
| 5.0.2 | 4 years ago | 847 KB | MIT |
| 5.0.1 | 4 years ago | 847 KB | MIT |
Overview
styled-jsx is an npm package that full CSS support for JSX without compromises. It has 1 known dependents in the graph. The latest version is 5.1.7, released under the MIT license.
Who should use it
Teams working in the npm ecosystem who need full CSS support for JSX without compromises and value a focused solution.
When not to use it
Consider an alternative if you need to minimize your dependency tree, or if a more actively-maintained option better fits your npm stack.
Pros
- Ships TypeScript type definitions.
- Clear open-source license (MIT).
Cons
- Large dependency tree (33 direct dependencies) increases install size and audit surface.
Auto-generated from collected registry metadata. No external claims are inferred.
Maintainers
Frequently asked questions
Should I use styled-jsx?
styled-jsx is usable, with caveats. Last published 497 days ago.
How do I install styled-jsx?
Run `npm install styled-jsx` to add styled-jsx to your npm project.
How many dependencies does styled-jsx have?
styled-jsx declares 33 direct dependencies and pulls in 1 packages in total once its runtime tree is resolved totalling about 1007 KB on disk.
What license is styled-jsx released under?
styled-jsx is distributed under the MIT license.
How popular is styled-jsx?
npm does not publish download counts. Within PackageGraph's crawl, 1 known packages depend on styled-jsx.
Is styled-jsx still maintained?
The most recent release of styled-jsx (v5.1.7) was published 1 year ago.
Does styled-jsx run install scripts?
No. styled-jsx does not define preinstall, install, or postinstall scripts, so installing it does not execute publisher-supplied code.