Material Web の代替サイト

Material Web と同じことができる 33 サイトを並べて比較。すべて手作業で選んだデザインシステムキット。

Material Web screenshot 1
比較の基準Material Web

Google が Material 3 を Web Components にしたもの。丸いボタンとやわらかな紫系の配色で、どのフレームワークでも使える。

詳細を開く →
デザインシステムライブラリについて

デザインシステムは部品集以上のものです。色・文字・余白のトークン、テーマ切り替え、部品の組み合わせ方のルールがそろっています。すべてを自分でデザインせずにプロダクト全体の統一感を出したいときに選びましょう。

向いている用途
  • 見た目を統一したいプロダクト
  • テーマとダークモード
  • チームで同じ部品を共有する