canirequire › CommonJS › styled-system
Is styled-system ESM-only? Can you require() it?
Responsive, theme-based style props for building design systems with React
Last verified Sep 9, 2026 against styled-system@5.1.5. JSON
CommonJS CommonJS — require() works on every Node.js version
styled-system ships CommonJS only. require("styled-system") works everywhere. import "styled-system" 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-system@5.1.5 actually load? Runtime test results
Installed and executed on Sep 9, 2026 with require("styled-system") from a CommonJS file and import "styled-system" from an ES module.
| Runtime | require("styled-system") | import "styled-system" |
|---|---|---|
| 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-system
ES modules (import)
import styledSystem from "styled-system";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 styledSystem = require("styled-system");Module format by version
Derived from the type, main and exports fields of every stable release on npm (96 versions; the newest 60 shown).
| Versions | Format | First published |
|---|---|---|
| 2.3.3 – 5.1.5 | CommonJS | Jul 5, 2018 |
Frequently asked
Is styled-system ESM-only?
styled-system@5.1.5 is a CommonJS package. styled-system ships CommonJS only. require("styled-system") works everywhere. import "styled-system" 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-system with ES module syntax?
Yes. import styledSystem from "styled-system" 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-system work in Bun?
Yes. import "styled-system" loaded successfully in Bun 1.4 on Sep 9, 2026.
Does styled-system ship TypeScript types?
Not bundled. Install the community types with "npm install -D @types/styled-system".
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
- eslint-plugin-html 8.2.0CommonJS
- release-it 21.0.2Dual
- babel-plugin-transform-class-properties 6.24.1CommonJS
- eslint-import-resolver-webpack 0.13.11CommonJS
- prettier-eslint 17.1.2ESM-only
- prompt 1.3.0CommonJS
- benchmark 2.1.4CommonJS
- babel-preset-env 1.7.0CommonJS