Google Material Design 3 (M3 Expressive)
CommunityExpressive UI with Material Design 3 components.
Design & Creative#ui-patterns#component-library#motion-design#dynamic-color#material-design-3#accessible-ui#shape-tokens
AuthorGeneralJerel
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Material Design 3 enables teams to design expressive, accessible, and adaptive UI systems by providing seed-based color theming, shape tokens, and motion guidelines.
Core Features & Use Cases
- Dynamic color from seed to create cohesive palettes across components.
- Shape tokens and elevation rules to ensure consistent component anatomy.
- Motion-first patterns and accessibility defaults for web and mobile.
Quick Start
Generate a minimal Material Design 3 UI kit that includes a primary action button, a card, and a seed-based color theme.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Google Material Design 3 (M3 Expressive) Download link: https://github.com/GeneralJerel/awesome-style-refs/archive/main.zip#google-material-design-3-m3-expressive Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.