Convert Figma logo to code with AI

iampawan logoFlutterExampleApps

[Example APPS] Basic Flutter apps, for flutter devs.

20,398
3,763
20,398
37

Top Related Projects

164,677

Flutter makes it easy and fast to build beautiful apps for mobile and beyond

An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.

completely free for everyone. Its build-in Flutter Dart.

The repo contains the source code for all the tutorials on the FilledStacks Youtube channel.

TodoMVC for Flutter

A simple Flutter app to Read and Download eBooks.

Quick Overview

FlutterExampleApps is a comprehensive collection of open-source Flutter app examples created by Pawan Kumar. This repository serves as a valuable resource for Flutter developers, offering a wide range of sample applications that demonstrate various Flutter concepts, widgets, and best practices.

Pros

  • Extensive collection of diverse Flutter app examples
  • Well-organized and regularly updated repository
  • Includes both beginner-friendly and advanced app examples
  • Provides real-world application scenarios for learning Flutter

Cons

  • Some examples may not follow the latest Flutter best practices
  • Limited documentation for individual app examples
  • May overwhelm beginners due to the large number of examples
  • Some examples might be outdated or use deprecated packages

Code Examples

Here are a few code snippets from different app examples in the repository:

  1. Basic Flutter app structure (from the "simple_material_app" example):
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Welcome to Flutter'),
        ),
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}
  1. Custom widget creation (from the "custom_fonts" example):
class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Custom Fonts"),
      ),
      body: Center(
        child: Text(
          "Custom Fonts",
          style: TextStyle(fontFamily: 'Pacifico', fontSize: 40.0),
        ),
      ),
    );
  }
}
  1. State management with setState (from the "stateful_widget" example):
class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Text(
          'Button tapped $_counter time${_counter == 1 ? '' : 's'}.',
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}

Getting Started

To get started with FlutterExampleApps:

  1. Clone the repository:
    git clone https://github.com/iampawan/FlutterExampleApps.git
    
  2. Navigate to a specific app example directory:
    cd FlutterExampleApps/simple_material_app
    
  3. Run the app:
    flutter run
    

Explore different app examples to learn various Flutter concepts and implementations.

Competitor Comparisons

164,677

Flutter makes it easy and fast to build beautiful apps for mobile and beyond

Pros of Flutter

  • Official repository with comprehensive documentation and resources
  • Regularly updated with the latest features and bug fixes
  • Larger community support and contribution

Cons of Flutter

  • More complex structure, potentially overwhelming for beginners
  • Focuses on framework development rather than example applications
  • Steeper learning curve for those new to Flutter development

Code Comparison

FlutterExampleApps:

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Example App')),
      body: Center(child: Text('Hello, World!')),
    );
  }
}

Flutter:

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(primarySwatch: Colors.blue),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

Summary

FlutterExampleApps is a collection of example applications, making it ideal for beginners and those looking for practical implementations. It offers a variety of ready-to-use apps and code snippets, which can be helpful for learning and quick reference.

Flutter, being the official framework repository, provides a comprehensive set of tools and documentation for building cross-platform applications. It's more suitable for developers who want to dive deep into the framework's architecture and contribute to its development.

While FlutterExampleApps focuses on practical examples, Flutter emphasizes framework development and maintenance. The choice between the two depends on the developer's goals and experience level with Flutter development.

An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.

Pros of awesome-flutter

  • Comprehensive collection of Flutter resources, including libraries, tools, tutorials, and articles
  • Well-organized and categorized, making it easy to find specific types of resources
  • Regularly updated with community contributions, ensuring access to the latest Flutter developments

Cons of awesome-flutter

  • Lacks actual code examples, focusing more on links to external resources
  • May be overwhelming for beginners due to the sheer volume of information
  • Requires users to navigate away from the repository to access the linked content

Code comparison

FlutterExampleApps provides actual code examples:

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Flutter Example')),
      body: Center(child: Text('Hello, Flutter!')),
    );
  }
}

awesome-flutter doesn't contain code examples, but rather links to resources:

## Animation

- [Lottie](https://github.com/xvrh/lottie-flutter) <!--stargazers:xvrh/lottie-flutter--> - After Effects animations by [xvrh](https://github.com/xvrh/lottie-flutter)
- [Flutter Spinkit](https://github.com/jogboms/flutter_spinkit) <!--stargazers:jogboms/flutter_spinkit--> - Animated loading indicators by [Jeremiah Ogbomo](https://twitter.com/jogboms)

completely free for everyone. Its build-in Flutter Dart.

Pros of Best-Flutter-UI-Templates

  • Focuses on polished, production-ready UI templates
  • Provides more complex and feature-rich designs
  • Includes animations and advanced UI interactions

Cons of Best-Flutter-UI-Templates

  • Fewer examples compared to FlutterExampleApps
  • Less diverse in terms of app types and functionalities
  • May be overwhelming for beginners due to complex designs

Code Comparison

Best-Flutter-UI-Templates:

class HotelListView extends StatelessWidget {
  const HotelListView({
    Key? key,
    this.hotelData,
    this.animationController,
    this.animation,
    this.callback,
  }) : super(key: key);

FlutterExampleApps:

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

Best-Flutter-UI-Templates tends to use more complex widget structures and custom animations, while FlutterExampleApps often uses simpler, more straightforward implementations. The former focuses on creating visually appealing and interactive UIs, while the latter prioritizes demonstrating various Flutter concepts and features across different app types.

The repo contains the source code for all the tutorials on the FilledStacks Youtube channel.

Pros of flutter-tutorials

  • More structured and in-depth tutorials, focusing on real-world app development
  • Covers advanced topics like state management, architecture, and testing
  • Regularly updated with new content and Flutter best practices

Cons of flutter-tutorials

  • Fewer standalone example apps compared to FlutterExampleApps
  • May be more challenging for absolute beginners due to its focus on advanced topics
  • Less variety in terms of UI/UX examples and widget demonstrations

Code Comparison

FlutterExampleApps (Simple Counter App):

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }
}

flutter-tutorials (Provider State Management):

class CounterModel extends ChangeNotifier {
  int _count = 0;
  int get count => _count;
  void increment() {
    _count++;
    notifyListeners();
  }
}

The code comparison shows that FlutterExampleApps focuses on simpler, standalone examples, while flutter-tutorials demonstrates more advanced concepts like state management patterns. FlutterExampleApps uses basic setState for state updates, whereas flutter-tutorials implements the Provider pattern for more scalable state management.

Both repositories offer valuable resources for Flutter developers, with FlutterExampleApps providing a wide range of simple examples and flutter-tutorials offering more comprehensive, production-oriented tutorials.

TodoMVC for Flutter

Pros of flutter_architecture_samples

  • Focuses on different architectural patterns, providing in-depth examples of various approaches
  • Includes comprehensive testing examples for each architecture
  • Offers a consistent todo-list app implementation across all samples for easy comparison

Cons of flutter_architecture_samples

  • Limited to a single app concept (todo-list), which may not cover a wide range of real-world scenarios
  • Fewer examples overall compared to FlutterExampleApps
  • May be more complex for beginners due to its focus on architectural patterns

Code Comparison

FlutterExampleApps (Simple Counter App):

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }
}

flutter_architecture_samples (BLoC Pattern):

class TodosBloc extends Bloc<TodosEvent, TodosState> {
  TodosBloc({required this.todosRepository}) : super(TodosLoadInProgress()) {
    on<TodosLoaded>(_onTodosLoaded);
    on<TodoAdded>(_onTodoAdded);
  }
}

The code comparison shows that FlutterExampleApps tends to use simpler, more straightforward implementations, while flutter_architecture_samples demonstrates more complex architectural patterns like BLoC.

A simple Flutter app to Read and Download eBooks.

Pros of FlutterEbookApp

  • Focused on a specific, practical application (e-book reader)
  • More comprehensive and production-ready codebase
  • Includes features like book downloading and offline reading

Cons of FlutterEbookApp

  • Limited to a single app concept, less diverse than FlutterExampleApps
  • May be more complex for beginners to understand
  • Less frequently updated compared to FlutterExampleApps

Code Comparison

FlutterEbookApp:

class BookListItem extends StatelessWidget {
  final String img;
  final String title;
  final String author;
  final String desc;
  final Entry entry;

  BookListItem({
    Key key,
    @required this.img,
    @required this.title,
    @required this.author,
    @required this.desc,
    @required this.entry,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      // Widget implementation
    );
  }
}

FlutterExampleApps:

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // Widget implementation
    );
  }
}

The code comparison shows that FlutterEbookApp has more specific, feature-oriented classes, while FlutterExampleApps tends to have more general-purpose widget implementations.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

Image

Show some :heart: and star the repo to support the project

GitHub stars GitHub forks GitHub watchers GitHub followers
Twitter Follow

This repository containing links of all the example apps demonstrating features/functionality/integrations in Flutter application development.

YouTube Channel

MTechViral

Facebook Group

Let's Flutter With Dart

Some Screenshots

Flutter Example Apps (Source Code + YouTube Link)

Clones/Apps

  1. Flutter WhatsApp Clone Appwatch

  2. Flutter Instagram Clone Appwatch

  3. Flutter Build a Beautiful Pokemon App - Englishwatch

  4. Flutter Build a Beautiful Pokemon App - Hindiwatch

  5. Flutter Responsive Game of Thrones Flutter Appwatch

  6. Flutter: Quiz Appwatch

  7. Flutter StackOverflow Appwatch

  8. Flutter Gender Prediction Appwatch

  9. Flutter Cocktail Appwatch

  10. Flutter Gif Search Engine Appwatch

  11. Flutter QuotesX Appwatch

Flutter For Web / Desktop / Responsive

  1. Flutter For Web: Getting Started | Migrating PokemonApp to Webwatch

  2. Flutter Web: Making a Responsive Portfolio App | Part 1watch

  3. Flutter Web: Deploying Portfolio App To Github.IO | Peanut Tutorial | Part 2watch

  4. Flutter Web: Deploying Flutter UIKit to Github Pages | Peanut Tutorialwatch

  5. Flutter Web : Flutter 1.10 Adding Web Support For New & Existing Projectswatch

  6. Flutter Web Desktop Cocktail Appwatch

  7. Flutter PWA Tutorial - 1/2watch

  8. Flutter Official PWA Support - 2/2watch

  9. Flutter Responsive Portfolio App | Flutter Mobile, Web, & Desktop | SpeedX Codewatch

Flutter Designs

  1. Adobe XD Flutter Early Access Tutorial | Getting Startedwatch

  2. Beautiful Nike Web Design Concept With Flutterwatch

Beginners & Intermediate

  1. Flutter Devfest Appwatch

  2. Flutter Firebase MLKIT Appwatch

  3. Flutter Tic Tac Toe Gamewatch

  4. Flutter Music Player Appwatch

  5. Flute Music PluginPub

  6. Flutter Firebase Setupwatch

  7. Flutter Firebase CRUDwatch

  8. Flutter Bottom Sheet Appwatch

  9. Flutter WebSockets Appwatch

  10. Flutter Sqflite MVP Appwatch

  11. Flutter Crypto Appwatch

  12. Flutter Redux Appwatch

  13. Flutter Frenzy Chat Appwatch

  14. Flutter Calculatorwatch

  15. Flutter Login Page Appwatch

  16. Flutter Login Page Bloc Pattern Appwatch

  17. Flutter Beautiful Material Navigation Drawerwatch

  18. Flutter Material Design Widgets - | Tabs | BottomNavigationBar | Stepper | Snackbar etc Appwatch

  19. Flutter Git Quick Start Guidewatch

  20. Flutter Local JSON Appwatch

  21. Flutter Fetching App Using HTTPwatch

  22. Flutter Swipe to delete ListView Appwatch

  23. Flutter Line Clipping Appwatch

  24. Flutter Bezier Curve Appwatch

  25. Flutter CryptoShadow Hugo EXTRAT

  26. Flutter LifeCycle And Orientationwatch

  27. Flutter Splash Screen - FlutKartwatch

  28. Flutter Real Splash Screens for both OSwatch

  29. Flutter Walkthrough Package & AppwatchPub

  30. Flutter Validating Form - Login Formwatch

  31. Flutter Age Calculator Appwatch

  32. Flutter Collapsing Toolbar Layoutwatch

  33. Flutter PullToRefresh ListViewwatch

  34. Flutter Internet Connectivitywatch

  35. Flutter Access Camera Appwatch

  36. Firebase Build Beautiful Wallpaper App P1watch

  37. Flutter: Integrate Ads | Create Admob Account P2watch

  38. Flutter: Integrate Analytics | Firebase Analytics | Handling Library Issues P3watch

  39. Flutter: Prepare App For Release | App Signing | Create JKS P4watch

  40. Flutter: Publish App to PlayStore | Fully Explained Demo P5watch

  41. Flutter: Expandable & Sticky Header Listwatch

  42. Flutter: Backdrop Widget Tutorial | Material Design 2.0watch

  43. Flutter: QR Code Scanner Appwatch

  44. Flutter: Integrate Google Maps Tutorialwatch

  45. VSCode Tips & Tricks | Flutter | 20 Useful Shortcutswatch

  46. Flutter: Handle Back Button Pressed | WillPopScope Widgetwatch

  47. Flutter: Programatically Check Whether Debug OR Release Modewatch

  48. Flutter: Make New Gmail Like FloatingActionButtonwatch

  49. Routes in Flutter | Push | PushNamed | GenerateRoute | Unknown Routewatch

  50. Flutter: Data Connection Checker | Wifi connected but no internetwatch

  51. Flutter: Android App Bundle Step By Step Guidewatch

  52. Flutter: Click | Pick | Crop | Compress an Image | AndroidXwatch

  53. Flutter: Overriding Dependencies | Solving Version Conflictswatch

  54. Flutter: Styling Google Maps For Multiple Themes | Android & iOS | Official Pluginwatch

  55. Flutter: WhatsApp Clone Status View | Story View Feature Tutorialwatch

  56. Making Ubuntu like terminal in Flutterwatch

  57. Westlife Using Flutter

Advanced

  1. Flutter Advanced: Signature App (CustomPainter)watch

  2. Flutter Advanced: Dynamic Theming | Change Theme At Runtimewatch

  3. Flutter Advanced: Inherited Widget & Scoped Model Explained | Part - 1watch

  4. Flutter Advanced: BloC Pattern Explained | Part - 2watch

  5. Flutter Advanced Redux: Shopping Cart App From Scratch | Redux Time Travelwatch

  6. Flutter Advanced: Build Your First Plugin For Android & iOS | Flutter ToastswatchPub

  7. Flutter Advanced: Download Large Files (Pdf, Json, Image etc) With Progress %watch

  8. Flutter Advanced: Async Programming | Future | Async Awaitwatch

  9. Flutter Advanced: Semantic Versioningwatch

  10. Flutter Advanced : Build Beautiful Material Search App or Integrate it with Any Appwatch

  11. Flutter Advanced : Add Flutter To Existing Or New Android Appwatch

  12. Flutter Advanced: The BloC Pattern on Whiteboardwatch

  13. Flutter Advanced Login Page Bloc Pattern Appwatch

  14. Flutter Advanced Face ID & Touch ID/Fingerprint Local Auth Appwatch

  15. Flutter Advanced Securing your Flutter Apps | Prevent Screenshot Appwatch

  16. Flutter Advanced: ARCore Tutorial | Sceneform | Exploring New Possibilitieswatch

  17. Flutter Advanced: ARKit Tutorial | iOSwatch

  18. Flutter Advanced: PDF Viewer Tutorial Android & IOS | From URL & Assetwatch

  19. Flutter Advanced: Auto Create Models from JSON | Serializablewatch

  20. Flutter Advanced: Background Fetch | Run code in the background Android & iOSwatch

  21. Flutter Advanced: Lazy Loading ListViews | Load More Data On Scrollwatch

  22. Flutter Advanced: Find Widget's Size & Position Using Render Objectwatch

  23. Flutter Advanced: TensorFlow Lite | Object Detection | YoloV2 | SSD Tutorialwatch

  24. Flutter Zoom In Zoom Out And Rotatewatch

Flutter Animation Series

  1. Flutter: Animation Series || Episode 1 || Basic Animation watch

  2. Flutter Animation: Ep 2 || Animation Series || Easing watch

  3. Flutter Animation: Ep 3 || Animation Series || Brick Animationswatch

  4. Flutter: Animation Series Ep 4 | Flipper Widgetwatch

  5. Flutter Flare 1.0 : Getting Started With 2D Animationswatch

  6. Flutter - Making a Christmas Tree 🎄| Tween Animationwatch

Flutter Library Series

  1. Awesome HTTP Inspector Tool | Flutter Library of the Week | EP-01 watch

  2. Awesome Animated Loaders | Flutter Library of the Week | EP-02 watch

  3. Awesome Onboarding Experience | Flutter Library of the Week | EP-03watch

  4. Awesome Overlays | Flutter Library of the Week | EP-04watch

  5. Awesome Extensions | Flutter Library of the Week | EP-05watch

  6. Storing Keys in .env file | BuildConfig | Flutter Library of the Week | EP-06watch

  7. Flutter Powerful VelocityX | VelocityX | Ch01-Ch05watch

  8. Flutter RxDart Explained - The Flutter Waywatch

Flutter Weekly Widgets Series

  1. Flutter: SizedBox | Flutter Weekly Widgets | Ep 1 watch

  2. Flutter: Animated Builder | Improve Performance | Ep 2 watch

  3. Flutter: Draggable & Drag Target | Ep 3 watch

  4. Flutter: World of Cupertino (iOS) | Ep 4 watch

  5. Flutter: Data Table | Ep 5 | Flutter Weekly Widgets watch

  6. Flutter: WebView | Browser App | Ep 6 | Website to Appwatch

  7. Flutter Advanced: Overlay Widget | Ep 7 | Flutter Weekly Widgets watch

  8. Flutter Advanced: Placeholder, Spacer, Visibility Widgets | Ep 8 watch

  9. Flutter Weekly Widgets S02E01 | Reordable ListViewwatch

  10. Flutter Weekly Widgets S02E02 | 3D ListViewwatch

  11. Flutter Weekly Widgets S02E03 | Universal Error Widgetwatch

Plugins on pub.dartlang.org

  1. Flutter VelocityX

  2. Flutter Flute Music Plugin - First Open Source Flutter based material design music player with audio plugin to play local music files.(Online Radio will be added soon).

  3. Flutter Walkthrough - A new Flutter package for both android and iOS which helps developers in creating animated walkthrough of their app.

  4. Flutter Toast PK - A new Flutter plugin for showing toast in android and ios.

  5. Random PK - A new Flutter package that gives a container with random color.

  6. PK Skeleton - A Facebook & Twitter Like Card Loading Shimmer Skeleton Library..

  7. MediumClapFlutter - A Custom Floating Action Button (FAB) library like clapping effect on Medium.

  8. audioplayers - A Flutter plugin to play multiple simultaneously audio files, works for Android and iOS.

  9. flame - A minimalist Flutter game engine.

Dart Series

  1. Learn Dart Basics in 30 Minswatch

  2. Thread of Execution, Functions & Call Stack- Dart Under The Hood CH1watch

Dart Backend Series (Source Code + YouTube Link)

  1. Dart: How to Setup Aqueduct | Intro | Aqueductwatch

  2. Dart: How to write your first REST API | Intro & 1/7 | Aqueductwatch

  3. Dart: How to make controllers ? | 1/7 | Aqueductwatch

  4. Dart: Indexing And Routing ? | 2/7 | Aqueductwatch

  5. Dart: How to write tests ? | 3/7 | Aqueductwatch

  6. Dart: How to setup PostgreSQL ? | 4/7 | Aqueductwatch

  7. Dart: How to write tests with test db ? | 5/7 | Aqueductwatch

  8. Dart: What is ORM ? | 5/7 | Aqueductwatch

  9. Dart: How to make DataModels ? | 5/7 | Aqueductwatch

  10. Dart: What are Relationships and Joins | 6/7 | Aqueductwatch

  11. Dart: How to deploy to real database ? | 7/7 | Aqueductwatch

  12. Server Side Dart - Exploring Angel | First APIwatch

  13. Flutter App + Backend (Angel) = FullStackwatch

  14. Deno (Backend) + Flutter (Frontend) Full Tutorial | QuotesX API & APPwatch

Workshops & Interviews

  1. Flutter From Scratch - Workshop | Photos Info App | Instagram Clone & Morewatch

  2. Taking Flight with VelocityX - Pawan Kumar (Flutter Week)watch

  3. Interview With A Googler | Chris Sells | Episode 01 | Flutter Q&Awatch

Pull Requests

I welcome and encourage all pull requests. It usually will take me within 24-48 hours to respond to any issue or request. Here are some basic rules to follow to ensure timely addition of your request:

  1. Match the document style as closely as possible.
  2. Please keep PR titles easy to read and descriptive of changes, this will make them easier to merge :)
  3. Pull requests must be made against master branch for this particular repository.
  4. Check for existing issues first, before filing an issue.
  5. Make sure you follow the set standard as all other projects in this repo do
  6. Have fun!

Created & Maintained By

Pawan Kumar (@imthepk) (YouTube) (Instagram)

If you found this project helpful or you learned something from the source code and want to thank me, consider buying me a cup of :coffee:

License

Copyright 2018 Pawan Kumar

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Getting Started

For help getting started with Flutter, view our online documentation. Image

For help on editing plugin code, view the documentation.