title	description	shortTitle	showToc
Widget catalog	A catalog of some of Flutter's rich set of widgets.	Widgets	false

Create beautiful apps faster with Flutter's collection of visual, structural, platform, and interactive widgets. In addition to browsing widgets by category, you can also see all the widgets in the widget index.

Design systems

Flutter ships with two design systems as part of the SDK.

{% assign categories = catalog.index | sort: 'name' -%} {% for section in categories %} {%- if section.name == "Cupertino" or section.name == "Material components" -%}

{% endif -%} {% endfor %}

You can find many more designs systems created by the Flutter community on pub.dev, the package repository for Dart and Flutter, like for example the Windows-inspired fluent_ui, macOS-inspired macos_ui, and the Ubuntu-inspired yaru widgets.

Base widgets

Base widgets support a range of common rendering options like input, layout, and text.

{% assign categories = catalog.index | sort: 'name' -%} {% for section in categories %} {%- if section.name != "Cupertino" and section.name != "Material components" and section.name != "Material 2 components" -%}

{% endif -%} {% endfor %}

Widget of the Week

100+ short, 1-minute explainer videos to help you quickly get started with Flutter widgets.

{% ytEmbed 'D0xwcz2IqAY', 'CupertinoRadio - Flutter widget of the week', true %}

{% ytEmbed '5H-WvH5O29I', 'CupertinoSheetRoute - Flutter widget of the week', true %}

{% ytEmbed 'esnBf6V4C34', 'CupertinoSlidingSegmentedControl - Flutter widget of the week', true %}

{% ytEmbed 'ua54JU7k1Us', 'CupertinoCheckbox - Flutter widget of the week', true %}

{% ytEmbed '24tg_N4sdMQ', 'CupertinoSwitch - Flutter widget of the week', true %}

{% ytEmbed 'GQ8ajYVF0bo', 'CarouselView - Flutter widget of the week', true %}

Watch more widget of the week videos

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!