emotion

Emotionは、高性能なスタイル合成を目的として設計されたCSS-in-JSライブラリです。開発者は文字列スタイルまたはオブジェクトスタイルのいずれかを使用してアプリケーションをスタイル設定でき、CSSの詳細度の問題を回避するための予測可能な合成を提供します。このライブラリには、開発者体験を向上させるためのソースマップとラベル、および本番パフォーマンスのための強力なキャッシュが含まれています。 主な機能には、インラインスタイル用のCSSプロパティ、styledコンポーネント、合成、ネストされたセレクタ、メディアクエリが含まれます。Babelプラグインはオプションですが、追加の最適化とカスタマイズを有効にできます。このプロジェクトは、emotion.shでデモサンドボックスと広範なドキュメントを提供しています。 Emotionは、Vue、Nuxt.js、Ember、React Native向けの統合に加え、facepaint、polished、stylelintなどのツールを含む広範なエコシステムを持っています。The New York Times、Sentry、Codecademy、Apache Supersetなどの企業が本番環境で使用しています。このプロジェクトは、Open Collectiveを通じてスポンサーとバッカーによってサポートされています。