オープンソース。新しい可能性。

Twin.macroは、Tailwind CSSのユーティリティクラスをCSS-in-JSワークフローに導入するBabelマクロであり、ビルド時にtw、css、styled、themeの使用箇所をCSSオブジェクトに変換します。emotionやstyled-componentsなどをサポートし、ViteやNext.jsなどの環境で利用可能です。

styled-componentsはReact向けCSS-in-JSライブラリ。自動スコープ付きの実CSSを記述でき、サーバー/クライアント/RN共通API、TypeScript対応、13kB未満の軽量を謳う。

Priceline Design SystemはPriceline.comのオープンソースUIコンポーネントライブラリおよびデザイン標準です。インタフェースパターンの統一、デザイン・開発の高速化、アクセシビリティ、国際化、レスポンシブウェブデザインを促進することを目指しています。Storybookドキュメント付きでnpmパッケージ(pcln-design-system)として提供され、MITライセンスで公開されています。