# Is styled-components ESM-only? Can you require() it?

> styled-components@6.5.3 is a CommonJS package. CommonJS — require() works on every Node.js version we test.

Fast, expressive styling for React.

Last verified Sep 9, 2026 against styled-components@6.5.3.

styled-components ships CommonJS only. require("styled-components") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. The package declares Node.js >= 16. 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.

## What to do

1. require("styled-components") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. The package declares Node.js >= 16.
2. From ES modules use the default import: import styledComponents from "styled-components"; then destructure. Named imports only work when Node.js can statically detect the exports.
3. TypeScript: types are bundled; install nothing extra.

## Facts

- Latest: 6.5.3 (Aug 15, 2026)
- Module format: CommonJS
- Last CommonJS version: 6.5.3
- Native ESM since: 6.3.7
- TypeScript types: bundled
- Node engines: >= 16
- Weekly downloads: 9.5M
- License: MIT

## Runtime test results for styled-components@6.5.3

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.0 | works | works |

## How to import styled-components

ES modules:

```js
import styledComponents from "styled-components";
```

CommonJS:

```js
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 on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. The package declares Node.js >= 16. 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.0 on Sep 9, 2026.

**Does styled-components ship TypeScript types?**

Yes. styled-components bundles its own type declarations; no @types package is needed.

## Links

- [styled-components on npm](https://www.npmjs.com/package/styled-components)
- [Source repository](https://github.com/styled-components/styled-components)
- [HTML version](https://canirequire.com/package/styled-components/)
- [JSON version](https://canirequire.com/package/styled-components.json)

---

For scripts and AI agents: any package is at https://canirequire.com/package/<name>/index.md (Markdown) or https://canirequire.com/package/<name>.json (JSON); the site index is https://canirequire.com/llms.txt. Fetch the URL directly; no search needed.