emotion

Emotion 是一个为高性能样式组合而设计的 CSS-in-JS 库。它允许开发者使用字符串或对象样式来为应用添加样式，并提供可预测的组合以避免 CSS 优先级问题。该库包含源码映射和标签以改善开发者体验，同时在生产环境中进行重度缓存以提升性能。 主要特性包括用于内联样式的 CSS prop、styled 组件、组合、嵌套选择器和媒体查询。Babel 插件是可选的，但可以启用额外的优化和自定义功能。该项目提供了演示沙盒以及 emotion.sh 上的详尽文档。 Emotion 拥有广泛的生态系统，提供 Vue、Nuxt.js、Ember 和 React Native 的集成，以及 facepaint、polished 和 stylelint 等工具。它被《纽约时报》、Sentry、Codecademy 和 Apache Superset 等公司在生产环境中使用。该项目通过 Open Collective 获得赞助商和支持者的支持。