MDC-100 Series of Codelabs

Material Components for Flutter (MDC-Flutter) unite design and engineering with a library of components that create a consistent user experience across apps and platforms. As the Material Design system evolves, these components are updated to ensure consistent pixel-perfect implementation, adhering to Google's front-end development standards. MDC is also available for Android, iOS, and the web.

Getting Started

For help getting started with Flutter, view the online documentation.

The related codelabs can be found at:

• MDC-101: Material Components (MDC) Basics (Flutter)
• MDC-102: Material Design Structure and Layout
• MDC-103: Material Design Theming with Color, Shape, Elevation and Type
• MDC-104: Material Design Advanced Components

Screens

What you'll need

• The Flutter SDK
• Android Studio with Flutter plugins, or your favorite code editor
• The sample code

To build and run Flutter apps on iOS:

• A computer running macOS
• Xcode 9 or newer
• iOS Simulator, or a physical iOS device

To build and run Flutter apps on Android:

• A computer running macOS, Windows, or Linux
• Android Studio
• Android Emulator (comes with Android Studio), or a physical Android device