emotion

Emotion 是一个高性能的 CSS-in-JS 样式库，专为 React 应用设计，支持通过 JavaScript 对象或字符串动态生成和组合样式。其核心特性包括：基于标签与源码映射的调试支持、运行时缓存优化、无副作用的样式组合机制（避免 CSS 特异性冲突）、以及对媒体查询、嵌套选择器等现代 CSS 特性的原生支持。提供 @emotion/react、@emotion/styled 等模块化包，可按需引入。适用于需要动态主题、组件级样式封装、服务端渲染（SSR）支持及构建时性能敏感的 React 前端项目。