# Emotion

CSS-in-JS library for writing styles with JavaScript, with packages for React and for other frameworks.


Source: https://findsoftware.frbit.cloud/emotion/
Last reviewed: 2026-10-26
Updated: 2026-10-28
Listed since: 2026-10-26

## Record

### Links

- home: https://emotion.sh/
- repository: https://github.com/emotion-js/emotion
- docs: https://emotion.sh/docs/introduction

### Identity

- status: active
- maintainer: Emotion team
- maintainerType: community
- parent: unknown
- firstRelease: 2017
- hqCountry: unknown

### Kind

- category: css-framework
- hosting: not applicable
- language: javascript
- runtime: unknown
- runtimeMin: not applicable
- basedOn: unknown

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: not applicable

### Rendering and deploy

- runsAs: unknown
- renderingModes: not applicable
- installMethod: npm

### License

- licenseModel: open-source
- license: MIT

### Releases

- currentMajor: 11
- latestReleaseDate: 2024-12-09

### Adoption

- githubStargazers: 18023
- packagistDownloads: not applicable
- npmWeeklyDownloads: 24906382
- contributors: 304
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: 163632
- wordpressActiveInstalls: unknown
- dependentRepos: 273331
- dependentPackages: 12586

### Sources

- urls: https://emotion.sh/docs/introduction (read 2026-10-26)
- urls: https://github.com/emotion-js/emotion (read 2026-10-26)
- urls: https://emotion.sh/docs/introduction (read 2026-10-26)
- firstRelease: https://github.com/emotion-js/emotion/releases/tag/v6.0.0 (read 2026-10-26)
- maintainer: https://github.com/emotion-js/emotion/blob/main/LICENSE (read 2026-10-26)
- maintainerType: https://github.com/emotion-js/emotion/blob/main/LICENSE (read 2026-10-26)
- language: https://github.com/emotion-js/emotion (read 2026-10-26)
- category: https://emotion.sh/docs/introduction (read 2026-10-26)
- installMethod: https://emotion.sh/docs/install (read 2026-10-26)
- installMethod: https://emotion.sh/docs/install (read 2026-10-26)
- installMethod: https://emotion.sh/docs/introduction (read 2026-10-26)
- license: https://github.com/emotion-js/emotion (read 2026-10-26)
- license: https://github.com/emotion-js/emotion/blob/main/LICENSE (read 2026-10-26)
- licenseModel: https://github.com/emotion-js/emotion (read 2026-10-26)
- currentMajor: https://github.com/emotion-js/emotion/releases/tag/@emotion/react@11.14.0 (read 2026-10-26)
- latestReleaseDate: https://github.com/emotion-js/emotion/releases/tag/@emotion/react@11.14.0 (read 2026-10-26)
- githubStargazers: https://github.com/emotion-js/emotion (read 2026-10-26)
- contributors: https://github.com/emotion-js/emotion (read 2026-10-26)
- npmWeeklyDownloads: https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/@emotion/react (read 2026-10-28)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40emotion%2Freact (read 2026-10-26)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40emotion%2Freact (read 2026-10-26)
- httpArchiveSites: https://cdn.httparchive.org/v1/technologies (read 2026-10-26)

## Notes

Emotion is a CSS-in-JS library: styles are written in JavaScript, as strings or objects, and turned into class names. The introduction page describes two ways to use it. The @emotion/css package is framework agnostic and needs no additional setup, babel plugin or other configuration change. The @emotion/react package is for React and adds a css prop and theming, and @emotion/styled adds a styled API for React components.

## Worth knowing

The React package requires React, so it cannot be used without it. Server-side rendering with the framework-agnostic package needs additional work to set up, while the React package renders on the server with zero configuration, according to the introduction page.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0