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 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.