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

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

Chakra UIは、アクセシブルなウェブアプリやSaaS製品を迅速に構築するためのオープンソースのReactコンポーネントシステムです。Next.js RSCをサポートし、MITライセンスで提供されています。

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未満の軽量を謳う。

Pandaは、デザインシステム向けのユニバーサルで型安全なCSS-in-JSフレームワークです。ビルド時にスタイルを抽出してモダンなCSSを出力し、レシピやバリアントをサポートしており、多くのJSフレームワークで動作します。