Skip to main content

Widget catalog

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.

Cupertino

Beautiful and high-fidelity widgets that align with Apple's Human Interface Guidelines for iOS and macOS.

Material components

Visual, behavioral, and motion-rich widgets implementing the Material 3 design specification.

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.

Accessibility

Make your app accessible.

Animation and motion

Bring animations to your app.

Assets, images, and icons

Manage assets, display images, and show icons.

Async

Widgets supporting async patterns in your Flutter apps.

Basics

Widgets to know before building your first Flutter app.

Input

Take user input in addition to input widgets in Material components and Cupertino.

Interaction models

Respond to touch events and route users to different views.

Layout

Arrange other widgets columns, rows, grids, and many other layouts.

Painting and effects

These widgets apply visual effects to the children without changing their layout, size, or position.

Scrolling

Scroll multiple widgets as children of the parent.

Styling

Manage the theme of your app, make your app responsive to screen sizes, or add padding.

Text

Display and style text.

Widget of the Week

#

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







Watch more widget of the week videos