Google が使用

Material Web

Name: Material Web
Author: Google

制作 Google · material-web.dev

ベースメインテキスト線淡色

AaRoboto

102040

スクリーンショット 1 / 2

概要

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

デザインシステムデザインシステムは部品集以上のものです。

ほかのデザインシステムキット。

Shopify 管理画面のデザインシステム。2025 年に Web Components で作り直され、黒いピル型ボタンとグレーの背景、落ち着いた白いカード。

Issue から設定画面まで、GitHub 自身のプロダクト画面を作る部品。すっきりしていて情報が詰まった、開発者向けの見た目。

Uber の React デザインシステム。白黒でコントラストが強く、素直な形。Uber 自身の Web ツールの見た目。