# Emotion, release history and use on real websites.

A CSS-in-JS library for writing styles in JavaScript, used for example by Material UI v5. On a page it is revealed by <style data-emotion> tags.

- **Status:** Stable. Stable; new projects more often choose zero-runtime CSS.
- **Category:** [UI Libraries](https://be1st.ai/technologies/ui)
- **First release:** 2017
- **License:** MIT
- **Latest version:** 11.14.0 (9 Dec 2024)
- **Official website:** https://emotion.sh
- **Documentation:** https://emotion.sh/docs/introduction
- **GitHub:** https://github.com/emotion-js/emotion
- **Page:** https://be1st.ai/technologies/ui/emotion

## Emotion on audited websites

319 of the 16,845 websites audited by be1st run Emotion (1.9%). That ranks it #8 of the 25 technologies in UI Libraries we have seen in audits.

### Websites running Emotion vs all websites

- **Web score:** 69 (all websites 72)
- **SEO:** 75 (all websites 79)
- **Security:** 57 (all websites 59)
- **Performance:** 67 (all websites 72)
- **AI Readiness:** 25 (all websites 31)

### Most used in UI Libraries

1. [Lucide](https://be1st.ai/technologies/ui/lucide): 12% (1,958)
2. [shadcn/ui](https://be1st.ai/technologies/ui/shadcn-ui): 7.7% (1,303)
3. [Radix UI](https://be1st.ai/technologies/ui/radix-ui): 6.6% (1,107)
4. [React Hook Form](https://be1st.ai/technologies/ui/react-hook-form): 5.6% (949)
5. [React Router](https://be1st.ai/technologies/ui/react-router): 5.0% (838)
6. [Redux](https://be1st.ai/technologies/ui/redux): 2.3% (386)
7. [TanStack Query](https://be1st.ai/technologies/ui/tanstack-query): 1.9% (324)
8. [Emotion](https://be1st.ai/technologies/ui/emotion): 1.9% (319)
9. [Three.js](https://be1st.ai/technologies/ui/three-js): 1.7% (285)
10. [Styled Components](https://be1st.ai/technologies/ui/styled-components): 1.5% (258)

## Emotion versions and release history

1 release line since 2020, as listed by the npm registry. The latest version is 11.14.0, released 9 Dec 2024.

| Version | Released | Latest release | Releases |
| --- | --- | --- | --- |
| 11 | 12 Nov 2020 | 11.14.0 (9 Dec 2024) | 32 |

Sources: [npm registry, package @emotion/react](https://www.npmjs.com/package/@emotion/react), checked 8 Nov 2026.

## Other technologies in UI Libraries

- [Chart.js](https://be1st.ai/technologies/ui/chart-js): 1.4% of websites
- [Zod](https://be1st.ai/technologies/ui/zod): 1.3% of websites
- [MUI (Material UI)](https://be1st.ai/technologies/ui/mui): 1.2% of websites
- [Zustand](https://be1st.ai/technologies/ui/zustand): <1% of websites
- [DaisyUI](https://be1st.ai/technologies/ui/daisyui): <1% of websites
- [Chakra UI](https://be1st.ai/technologies/ui/chakra-ui): <1% of websites
- [Headless UI](https://be1st.ai/technologies/ui/headless-ui): <1% of websites
- [Framer Motion](https://be1st.ai/technologies/ui/framer-motion): <1% of websites
- [Ant Design](https://be1st.ai/technologies/ui/ant-design): <1% of websites
- [Mantine](https://be1st.ai/technologies/ui/mantine): <1% of websites
- [Recharts](https://be1st.ai/technologies/ui/recharts): <1% of websites
- [D3.js](https://be1st.ai/technologies/ui/d3-js): <1% of websites

[All 28 in UI Libraries](https://be1st.ai/technologies/ui)

## Questions about Emotion

### What is Emotion?

A CSS-in-JS library for writing styles in JavaScript, used for example by Material UI v5. On a page it is revealed by <style data-emotion> tags. The be1st catalog lists Emotion under UI Libraries. License of Emotion: MIT.

### What is the latest version of Emotion?

The latest version of Emotion is 11.14.0, released 9 Dec 2024 (source: npm registry, package @emotion/react).

### How many websites use Emotion?

319 of the 16,845 websites audited by be1st run Emotion (1.9%), as of 8 Nov 2026.

### When was Emotion first released?

Emotion was first released in 2017; the oldest version listed by the npm registry dates from 2020.

### Is Emotion still a modern choice?

Emotion is a stable, mature choice rather than a new one. Stable; new projects more often choose zero-runtime CSS.

### What are the alternatives to Emotion?

Technologies that do the same job as Emotion include Styled Components.

Numbers: latest audit of each of 16,845 websites audited by be1st, as of 8 Nov 2026.