Material Design
m3.material.io
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Material Design 3 for Web
Material Web is Google’s component library for building applications that work in any web framework.
Icons
Material Symbols is a variable icon font with thousands of fonts across seven weights and three styles.
Color
Create accessible, personal color schemes communicating your product's hierarchy, state, and brand.
Typography
Learn about Material Design typography. This guide covers everything from font styles and hierarchy to line height to create user-friendly text.
Google Fonts
fonts.google.com › icons
Material Symbols and Icons - Google Fonts
Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.
What are your thoughts on material design?
I’m still a little unsure of what you mean by “research on components,” but: For web: libraries like Mantine work well for developers headless libraries like Radix-UI give you a ton of control over styling anything that plays well with Tailwind I’m also a huge fan of IBM Carbon. For design system for designers: Mozilla and GitLab also explain things well. Adobe’s design system is interesting to look at as one example of “completeness” measuring with all the checkboxes at the bottom. PatternFly also captures a lot of common variations in components. More on reddit.com
30
13
September 3, 2023What does it mean to “use material design”?
They provide code snippets for every component, devs can just copy paste. But it is also highly customizable, so you can still make it your own More on reddit.com
27
46
July 13, 2021Isn't Material Design 3 kind of ugly ?
Welcome to UI Design. This sub's goal is to create a place for discussion surrounding UI Design. There is no self-promotion allowed in this sub. This includes posting URLs of any kind that is intended for self-promotion purposes. Read and follow the sub rules and check the UI Design Wiki and Sticky Mega threads first before posting. Constructive design criticism is encouraged, and hate and personal attacks are not tolerated. Remember, downvoting is not critiquing. I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns. More on reddit.com
17
47
October 6, 2022Is Material Design Making All Android Apps Look the Same?
A boring and predictable UI/UX is what users want. Only designers want unique and special. Your app should stand out with functionality, use cases, and value. Yes, you can crank the pretty design up to 11 but if you try to introduce a "quirkie" way to navigate or interact you've just made a roadblock for users. Imagine if someone made a dev tool that wasn't boring and predictable, wouldn't you just look for a dev tool more in line with common guidelines that provides the same functionality? If you're going to make a new UI/UX component that people are unfamiliar with you better be damn sure it's better, because even then people won't like it because it isn't familiar. More on reddit.com
37
62
August 20, 2024Videos
06:50
Making Material Design - YouTube
Everything you need to Know about Material Design 3
00:39
Introducing: Material 3 Expressive - YouTube
00:49
Material design - YouTube
28:47
The latest in Material Design - YouTube
01:58
Making Material Design: Crafting Material - YouTube
DMI
dmifloors.com
DMI – A Unique Floor
Welcome to Design Materials, Inc. Worldwide in scope, DMI floor coverings originate from a diverse group of manufacturers and the various growers and fiber producers that support them. A wide range of floor coverings are collected in our U.S. warehouses, and then distributed throughout North America to independent retailers and interior designers.
Android Developers
developer.android.com › core areas › ui › views › material design for android
Material Design for Android | Views | Android Developers
Material Design is a comprehensive guide for visual, motion, and interaction design across platforms and devices. To use Material Design in your Android apps, follow the guidelines defined in the Material Design specification.
Google Design
design.google
Google Design - Discover the people and stories behind the products
Design resources and inspiration from Google — including the Material Design system, Google Fonts, and the people and processes behind the products.
Figma
figma.com › community › file › 1035203688168086460 › material-3-design-kit
Material 3 Design Kit | Figma
Introducing Material Design 3 Meet Material Design 3, Material Design’s most personal design system yet. The Material 3 Design Kit provides a comprehensive introduction to the design system, with styles and components to help you get started. Visualize dynamic color in your UI The Material ...
Wikipedia
en.wikipedia.org › wiki › Material_Design
Material Design - Wikipedia
November 15, 2025 - Material Design (codename Quantum Paper) is a design language developed by Google in 2014. Expanding on the "cards" UI that debuted in Google Now, Material Design uses more grid-based layouts, responsive animations and transitions, padding, ...
IxDF
interaction-design.org › literature › topics › material-design
What is Material Design? — updated 2025 | IxDF
November 25, 2025 - What is Material Design? Material Design is a user interface design system developed by Google. UX (user experience) designers use it to create visually consistent, intuitive, and respo...
Getmdl
getmdl.io
Material Design Lite
Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible.
Google Design
design.google › m10
Material Design: Secrets & Stories Behind Google’s UI - Google Design
When it was released in 2014, Google’s open-source design system promised a bold, minimalist aesthetic grounded in the physics of the real world, but unburdened by its limitations. It felt real when so many interfaces did not, and it was underpinned by a philosophy, a set of principles for what good design can do. A decade later, Material Design has become the lingua franca of user interfaces.
Elementor
elementor.com › blog › web design › what is material design and how should it be used?
What Is Material Design? Definition, Uses, and Examples | Elementor
3 weeks ago - Really, what Material Design did was move away from designing completely flat UIs to designing surfaces that were inspired by paper and ink. Think of it like this: When looked at head-on, a sheet of paper appears flat and two-dimensional. However, in the real world, that’s not actually how it behaves. Paper exists in three dimensions. Sheets of paper create shadows, seams, and folds and can be cut and resized for our needs — something that Google aimed to recreate in the digital space with Material Design.
Pictogrammers
pictogrammers.com › library › mdi
Material Design Icons - Icon Library - Pictogrammers
The original. Following Google's Material Design guidelines for system icons, MDI is our largest library, touting over 7200 unique icons!
Dribbble
dribbble.com › tags › material-design
Material Design designs, themes, templates and downloadable graphic elements on Dribbble
Discover 10,000+ Material Design designs on Dribbble. Your resource to discover and connect with designers worldwide.
Flutter
docs.flutter.dev › ui › design › material
Material Design for Flutter
September 22, 2025 - Material Design is an open-source design system built and supported by Google designers and developers.
Prototypr
blog.prototypr.io › googles-new-material-design-expressive-has-me-excited-worried-2cd295758804
Google’s New Material Design “Expressive” Has Me Excited! (& Worried) | by Punit Chawla | Prototypr
May 25, 2025 - You can use these new animations with their animation guide and list of settings — https://m3.material.io/styles/motion/overview/how-it-works ... Google is really banking on morphing shapes to show the change of state on design elements.
GitHub
github.com › google › material-design-icons
GitHub - google/material-design-icons: Material Design icons by Google (Material Symbols)
These are two different official icon sets from Google, using the same underlying designs. Material Symbols is the current set, introduced in April 2022, built on variable font technology. Material Icons is the classic set, but no longer updated.
Starred by 52.7K users
Forked by 9.7K users
MUI
mui.com › material-ui › getting-started
Overview - Material UI
Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.