Flutter

Build beautiful, usable products using Material Components for Flutter, a mobile UI framework.

Learn about the MaterialApp class for Flutter<strong> </strong> Learn about the MaterialApp class for Flutter<strong> </strong>
Components

Learn about the MaterialApp class for Flutter

First time using Material Components? Here’s an overview of how to use a convenience widget to add Material functionality for Flutter.

Outlined text field Outlined text field
Components

Outlined text field

A new style of text field that draws attention without adding visual clutter.

What’s New

The latest Material Components, tutorials, and documentation for Flutter.

MAY 01, 2018

Bottom app bar

Mode attribute added to BottomAppBar.

APR 25, 2018

Extended FAB

The extended FAB is wider, and includes a text label.

APR 23, 2018

FAB Motion (updated)

FABs can morph to launch related actions.

Developer resources

Enhance your engineering workflow with Material Components and documentation.

Tour the Flutter widget framework Tour the Flutter widget framework
Documentation

Tour the Flutter widget framework

Flutter widgets are built using a modern react-style framework, which takes inspiration from React.

Flutter 101: Material basics Flutter 101: Material basics
Tutorials

Flutter 101: Material basics

Learn the basics of Material Components by building a simple app.