canirequire › CommonJS › styled-components
Is styled-components ESM-only? Can you require() it?
Fast, expressive styling for React.
Last verified Sep 9, 2026 against styled-components@6.5.3. JSON
CommonJS CommonJS — require() works on every Node.js version
styled-components ships CommonJS only. require("styled-components") works everywhere. import "styled-components" also works because Node.js and Bun can import CommonJS from ES modules, but only the default export is guaranteed; named imports depend on Node's static analysis of the module.
It also declares a "module" field, so bundlers such as webpack, Vite and esbuild pick up an ESM build for tree-shaking.
Does styled-components@6.5.3 actually load? Runtime test results
Installed and executed on Sep 9, 2026 with require("styled-components") from a CommonJS file and import "styled-components" from an ES module.
| Runtime | require("styled-components") | import "styled-components" |
|---|---|---|
| Node.js 18 | ✓ works | ✓ works |
| Node.js 20 | ✓ works | ✓ works |
| Node.js 22 | ✓ works | ✓ works |
| Node.js 24 | ✓ works | ✓ works |
| Node.js 26 | ✓ works | ✓ works |
| Bun 1.4 | ✓ works | ✓ works |
How to import styled-components
ES modules (import)
import styledComponents from "styled-components";Named imports from a CommonJS package only work when Node.js can statically detect them. If a named import fails, use the default import and destructure.
CommonJS (require)
const styledComponents = require("styled-components");Module format by version
Derived from the type, main and exports fields of every stable release on npm (191 versions; the newest 60 shown).
| Versions | Format | First published |
|---|---|---|
| 6.3.9 – 6.5.3 | CommonJS | Feb 8, 2026 |
| 6.3.7 – 6.3.8 | Dual (CommonJS + ESM) | Jan 16, 2026 |
| 5.3.5 – 6.3.6 | CommonJS | Mar 24, 2022 |
Frequently asked
Is styled-components ESM-only?
styled-components@6.5.3 is a CommonJS package. styled-components ships CommonJS only. require("styled-components") works everywhere. import "styled-components" also works because Node.js and Bun can import CommonJS from ES modules, but only the default export is guaranteed; named imports depend on Node's static analysis of the module.
Can I import styled-components with ES module syntax?
Yes. import styledComponents from "styled-components" works in Node.js and Bun because they support importing CommonJS modules. Named imports work only when Node.js can statically detect the exports.
Does styled-components work in Bun?
Yes. import "styled-components" loaded successfully in Bun 1.4 on Sep 9, 2026.
Does styled-components ship TypeScript types?
Yes. styled-components bundles its own type declarations; no @types package is needed.
Links
Other commonjs packages
- debug 4.4.3CommonJS
- semver 7.8.5CommonJS
- ms 2.1.3CommonJS
- picomatch 4.0.7CommonJS
- ajv 8.20.0CommonJS
- source-map 0.8.0CommonJS
- react-is 19.2.8CommonJS
- readable-stream 4.7.0CommonJS
Similar popularity
- isomorphic-fetch 3.0.0CommonJS
- stylelint 17.15.0ESM-only
- js-beautify 2.0.3CommonJS
- webpack-node-externals 3.0.0CommonJS
- polished 4.3.1CommonJS
- firebase 12.18.0Dual
- @babel/plugin-proposal-nullish-coalescing-operator 7.18.6CommonJS
- @commitlint/config-conventional 21.2.2ESM-only