Flutter Basics

Animation

A demonstration of using Hero Widget inside list view in Flutter.

Hero List View

App Bars

A collapsing appbar/toolbar built in Flutter.

Collapsing Appbar

Collapsing Appbar w/ Tabs

Search Appbar

Sliders

Custom Sliders

Tabs

Some custom designed tab bars in Flutter.

Custom tab bars

Forms

Browse through a list sign in forms built in Flutter.

Sign In

A responsive sign in form built in Flutter.

Responsive Sign In

Simple Sign In

Must Haves

Browse through a list of content feeds (news feed like Twitter, Facebook, Instagram, Reddit, etc) built in Flutter.

Content Feeds

Simple News Feed

Simple Articles Feed

Browse through a list of beautiful dropdowns built in Flutter.

Dropdowns

An autocomplete dropdown field built in Flutter.

Autocomplete dropdown

A custom dropdown field built in Flutter.

Simple dropdown

Browse through a list of Onboarding Pages built in Flutter.

Onboarding Pages

An Onboarding Page with Concentric Animation built in Flutter.

Concentric Animation Onboarding

A simple Onboarding Page built in Flutter.

Simple Onboarding Page

Browse through a list of profile pages built in Flutter.

Profile Pages

Profile Page 1

Browse through a list of Settings Pages built in Flutter.

Settings Pages

A sectioned Settings Page built in Flutter.

Sectioned Settings Page

Simple Settings Page

Navigation

Bottom Navigation

Google Bottom Bar Navigation Pattern by Aurélien Salomon

Google Bottom Bar

Material3 Bottom Navigation bar built in flutter.

Material3 BottomNav

Persistent Bottom Navigation bar built in flutter.

Persistent Bottombar

Simple Bottom Navigation bar built in flutter.