The Design section of the site covers our philosophy and principles for key topics such as Layout, Color, and Typography. The Components section offers detailed guidance and specifications for using our components.
Material Theming covers how the components can be customized for different brands and products needs.
Material studies are example apps created by the Material Design team to demonstrate how components and theming can be used to create beautiful, usable apps.
The Android Getting Started page in our documentation explains how to set up your environment, what repositories are required, how to inherit from our theme, and how to add components.
The Material Android Examples Github repository contains source code for demo applications built using the MDC-Android library and showcases customizations of color, typography, and shape made with Material Theming.
To preview all components available in the MDC-Android library, run the catalog module in Android Studio or by running the following Gradle command:
Material Components for iOS use the standard iOS toolchain: Xcode and CocoaPods, the open-source dependency system. Use the Build environment page in our documentation for Xcode settings and supported library versions to maximize compatibility with our source.
To preview all components available in the MDC-iOS library, build and run the catalog.
To start exploring Material Components and Theming without setting up an environment, remix one of the Material Starter Kits on Glitch.
Framework support: MDC Web is adaptable to various major web frameworks such as Angular, Vue, and React. Take a look at our Framework Wrappers page for a list of available wrapper libraries.
Flutter comes bundled with Material Design widgets that work on mobile, web, and desktop. All available Material Components can be found in Flutter's Material Components catalog.
To start using them in your app, add: