All Samples

A curated list of Flutter samples and apps

All
Sample
Cookbook
Web Demos
demo

Gallery

A collection of Material Design & Cupertino widgets, behaviors, ...
sample

Add to App

Android and iOS projects that each import a standalone Flutter m...
sample

Code Sharing

Demonstrates simple way to share business logic between a Flutte...
sample

Animations

Sample apps that showcasing Flutter's animation features.
sample

Flutter Maps Firestore

A Flutter sample app that shows the end product of the Cloud Nex...
sample

Isolate Example

A sample application that demonstrate best practices when using ...
sample

jsonexample

A Flutter sample app that deserializes a set of JSON strings usi...
sample

Place Tracker

A sample place tracking app that uses the google_maps_flutter pl...
sample

Platform Design

A Flutter app that maximizes application code reuse while adheri...
sample

Platform View Swift

A Flutter sample app that combines a native iOS UIViewController...
sample

Infinite List

A Flutter sample app that shows an implementation of the "infini...
sample

IOS App Clip

A Flutter sample app that shows the demonstrating integration wi...
sample

Testing App

A Flutter sample app that shows different types of testing in Fl...
sample

Provider Shopper

A Flutter sample app that shows a state management approach usin...
sample

Web Dashboard

A dashboard app that displays daily entries. Demonstrates Adapti...
sample

Form App

A Flutter sample app that shows how to use Forms.
sample

Navigation and Routing

A Flutter sample app that shows how to use how to use the Router...
sample

Photo Search app

This is the Photo Search app, built out with two different widge...
demo

Slide Puzzle

A slide puzzle built for Flutter Challenge.
demo

Rich Text Editor

This is a fancy text editor sample which shows how to consume fi...
demo

Material 3

Showcases Material 3 features in the Flutter Material library. T...
demo

Game Template

This is a game template that shows how to build much of the dres...
demo

Dice

A demo of 3d animation using dice
demo

Web Embedding

An example app showing how to embed Flutter in a web application...
sample

Next Gen UI demo

A sample version of the Next Generation UI codelab for demoing a...
cookbook

Animate a page route transition

A design language, such as Material, defines standard behaviors ...
cookbook

Animate a widget using a physics simulation

Physics simulations can make app interactions feel realistic and...
cookbook

Animate the properties of a container

The Container class provides a convenient way to create a widget...
cookbook

Fade a widget in and out

UI developers often need to show and hide elements on screen. Ho...
cookbook

Add a Drawer to a screen

In apps that use Material Design, there are two primary options ...
cookbook

Display a snackbar

It can be useful to briefly inform your users when certain actio...
cookbook

Export fonts from a package

Rather than declaring a font as part of an app, you can declare ...
cookbook

Update the UI based on orientation

In some situations, you want to update the display of an app whe...
cookbook

Use a custom font

Although Android and iOS offer high quality system fonts, one of...
cookbook

Use themes to share colors and font styles

To share colors and font styles throughout an app, use themes. Y...
cookbook

Work with tabs

Working with tabs is a common pattern in apps that follow the Ma...
cookbook

Build a form with validation

Apps often require users to enter information into a text field....
cookbook

Create and style a text field

Text fields allow users to type text into an app. They are used ...
cookbook

Focus and text fields

When a text field is selected and accepting input, it is said to...
cookbook

Handle changes to a text field

In some cases, it’s useful to run a callback function every time...
cookbook

Retrieve the value of a text field

In this recipe, learn how to retrieve the text a user has entere...
cookbook

Add Material touch ripples

Widgets that follow the Material Design guidelines display a rip...
cookbook

Handle taps

You not only want to display information to users, you want user...
cookbook

Implement swipe to dismiss

The “swipe to dismiss” pattern is common in many mobile apps. Fo...
cookbook

Display images from the internet

Displaying images is fundamental for most mobile apps. Flutter p...
cookbook

Fade in images with a placeholder

When displaying images using the default Image widget, you might...
cookbook

Work with cached images

In some cases, it’s handy to cache images as they’re downloaded ...
cookbook

Create a grid list

In some cases, you might want to display your items as a grid ra...
cookbook

Create a horizontal list

You might want to create a list that scrolls horizontally rather...
cookbook

Create lists with different types of items

You might need to create lists that display different types of c...
cookbook

Place a floating app bar above a list

To make it easier for users to view a list of items, you might w...
cookbook

Use lists

Displaying lists of data is a fundamental pattern for mobile app...
cookbook

Work with long lists

The standard ListView constructor works well for small lists. To...
cookbook

Report errors to a service

While one always tries to create apps that are free of bugs, the...
cookbook

Animate a widget across screens

It’s often helpful to guide users through an app as they navigat...
cookbook

Navigate to a new screen and back

Most apps contain several screens for displaying different types...
cookbook

Navigate with named routes

In the Navigate to a new screen and back recipe, you learned how...
cookbook

Pass arguments to a named route

The Navigator provides the ability to navigate to a named route ...
cookbook

Return data from a screen

In some cases, you might want to return data from a new screen. ...
cookbook

Send data to a new screen

Often, you not only want to navigate to a new screen, but also p...
cookbook

Delete data on the internet

This recipe covers how to delete data over the internet using th...
cookbook

Fetch data from the internet

Fetching data from the internet is necessary for most apps. Luck...
cookbook

Make authenticated requests

To fetch data from most web services, you need to provide author...
cookbook

Parse JSON in the background

By default, Dart apps do all of their work on a single thread. I...
cookbook

Send data to the internet

Sending data to the internet is necessary for most apps. The htt...
cookbook

Update data over the internet

Updating data over the internet is necessary for most apps. The ...
cookbook

Work with WebSockets

In addition to normal HTTP requests, you can connect to servers ...
cookbook

Persist data with SQLite

If you are writing an app that needs to persist and query large ...
cookbook

Read and write files

In some cases, you need to read and write files to disk. For exa...
cookbook

Store key-value data on disk

If you have a relatively small collection of key-values to save,...
cookbook

Play and pause a video

Playing videos is a common task in app development, and Flutter ...
cookbook

Take a picture using the camera

Many apps require working with the device’s cameras to take phot...
cookbook

An introduction to integration testing

Unit tests and widget tests are handy for testing individual cla...
cookbook

Handle scrolling

Many apps feature lists of content, from email clients to music ...
cookbook

Performance profiling

When it comes to mobile apps, performance is critical to user ex...
cookbook

An introduction to unit testing

How can you ensure that your app continues to work as you add mo...
cookbook

Mock dependencies using Mockito

Sometimes, unit tests might depend on classes that fetch data fr...
cookbook

An introduction to widget testing

In the introduction to unit testing recipe, you learned how to t...
cookbook

Find widgets

To locate widgets in a test environment, use the Finder classes....
cookbook

Tap, drag, and enter text

Many widgets not only display information, but also respond to u...