• Stars
    star
    398
  • Rank 108,325 (Top 3 %)
  • Language
    Dart
  • License
    MIT License
  • Created almost 3 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Introduction to flutter packages: This repo will teach you some of the popular packages that are available in pub.dev, & how to use them for UI design.

           

Package of the Day

Introduction to flutter packages: This repo will teach you some of the popular packages that are available in pub.dev, & how to use them for fast application development.
Playlist URLs:
YouTube
YouTube: provider
YouTube: image_picker
YouTube: shimmer
YouTube: shared_preferences
YouTube: geolocator
YouTube: url_launcher
YouTube: webview_flutter
YouTube: video_player
YouTube: responsive_framework
YouTube: introduction_screen
YouTube: confetti
YouTube: connectivity_plus
YouTube: flutter_hooks
YouTube: flutter_slidable
YouTube: json_annotation
YouTube: file_picker
YouTube: share_plus
YouTube: cache_network_image
YouTube: flutter_local_notifications
YouTube: pixel_perfect

Packages List:

  1. Avatar Glow > StatelessWidget
  2. Google Fonts
  3. Liquid pull to Refresh > StatelessWidget > LiquidPullToRefresh > ListView
  4. Percent Indicator
  5. Carousel Slider > slideTransform: const CubeTransform() > CircularSlideIndicator
  6. Smooth Page Indicator > SmoothPageIndicator > (controller: _controller,count: 4) > JumpingDotEffect
  7. Font Awesome Flutter > FaIcon > FontAwesomeIcons.arrowUp
  8. Animations > Container transform
  9. Neon > text > color > fontSize > font: NeonFont.Cyberpunk > flickeringText: true
  10. Aurora > backgroundColor: Colors.black > Aurora > size > color list
  11. Card Swiper > itemCount > autoplay: true > autoplayDelay > Card
    Require a model.dart > BannerImageModel >
  12. Flutter Blurhash > BlurHash > hash (String) > image (from network)
  13. Flutter SVG > Container > SvgPicture.asset() or SvgPicture.network()
  14. Flutter Custom Clipper >
  15. Flutter TTS > StatefulWidget
  16. Flutter Highlight
  17. Syncfusion Charts
  18. Rflutter Alert > ElevatedButton > child > Alert > (context, title, desc).show()
  19. Settings UI > SettingsList > sections:[] > SettingsSection > SettingsTile
  20. Flutter Spinkit > SpinKitRotatingCircle(color: Colors.redAccent)
  21. Audioplayers > AudioCache audioCache > late AudioPlayer player > void playAudio() > void stopAudio()
  22. Go Router > MaterialApp.router > routeInformationParser: _router.routeInformationParser > routerDelegate: _router.routerDelegate
  23. HTTP > watch this YouTube video
  24. Onboarding > onboardingPagesList > PageModel > widget > Column > Container >
  25. Flutter Neumorphic > Github
  26. Math Expressions > Input type is string
  27. Clay Containers > ClayContainer > color > height >width
  28. Day Night Switcher > DayNightSwitcher / DayNightSwitcherIcon > dayBackgroundColor > isDarkModeEnabled > onStateChanged
  29. Provider > MultiProvider > ChangeNotifierProvider > create: (_) => Counter() > child: MyHomePage()
    class Counter with ChangeNotifier > notifyListeners();
  30. Feather Icons > Icon(FeatherIcons.aperture)
  31. Simple Gradient Text > GradientTex() > colors: const []
  32. Image Picker > watch the video, or read the documentation for iOS support.
  33. Convex Bottom Bar > read the code
  34. Intro Slider > read the code
  35. Icofont Flutter > Icon() > IcoFontIcons.cab > color: Colors.white > size: 40
  36. Flutter Staggered Grid View > GridView.custom > gridDelegate > pattern
  37. Shimmer > watch this video
  38. Lottie > make an animation controller for controlling the state of the animation
  39. Shared Preferences > watch this video
  40. Auto Size Text > AutoSizeText() > minFontSize: 18 > maxLines: 4 > overflow: TextOverflow.ellipsis
  41. Device Info Plus > deviceInfo() async{} > DeviceInfoPlugin deviceInfo = DeviceInfoPlugin(); > IosDeviceInfo iosInfo = await deviceInfo.iosInfo; > setState((){})
  42. Geolocator > LocationPermission permission > await Geolocator.requestPermission() > Geolocator.getCurrentPosition()
  43. Glass Kit > GlassContainer.clearGlass > height > width > child
  44. URL Launcher > MaterialButton > onPressed: () async > if (await canLaunch(_url)) > else
  45. Webview Flutter > WebView > javascriptMode: JavascriptMode.unrestricted > initialUrl: 'https://amazon.com' > onWebViewCreated: (controller){}
  46. Responsive Sizer > ResponsiveSizer( builder: (context, orientation, screenType) { return: Center()}) > height: 20.h > width: 20.w
  47. Video Player > watch the video
  48. Responsive Framework > builder: (context, widget) => ResponsiveWrapper.builder() > ResponsiveBreakpoint > ResponsiveRowColumn() > ResponsiveVisibility() > ResponsiveValue()
  49. Timelines > Timeline.tileBuilder > TimelineTileBuilder.fromStyle
  50. Just Audio > check the code
  51. Persistent Bottom Nav Bar > check the code
  52. Equatable > class User extends Equatable > List< Object?> get props => [name, urlImage];
  53. Web Scraper > read documentation
  54. Introduction Screen > next > done > onDone > pages
  55. Animated Text Kit > read documentation from here
  56. Horizontal Data Table > read code
  57. Confetti > bool isPlaying = false > final controller = ConfettiController()
  58. Chewie > final VideoPlayerController videoPlayerController > final bool looping > late ChewieController _chewieController > Chewie(controller: _chewieController,)
  59. Get It > GetIt getIt = GetIt.instance > getIt.registerSingleton< AppModel>(AppModelImplementation(), signalsReady: true) > FutureBuilder > future: getIt.allReady()
  60. Overlay Support > showSimpleNotification() > Text("simple notification") > background: Colors.green
  61. Connectivity Plus > late StreamSubscription subscription > subscription = Connectivity().onConnectivityChanged.listen((result) {showConnectivitySnackBar(context, result);}
  62. Flutter Hooks > class MyFlutterHooks extends HookWidget > final usernameController = useTextEditingController() > final passwordController = useTextEditingController()
  63. Path Provider > Directory tempDir = await getTemporaryDirectory(); > await getApplicationDocumentsDirectory();
  64. Youtube Player Flutter > late YoutubePlayerController _controller ? YoutubePlayerBuilder() > player: YoutubePlayer(controller: _controller) > builder: (context, player) {}
  65. Youtube Player Iframe > late YoutubePlayerController _controller > _controller = YoutubePlayerController()
  66. Flutter Slidable > Read code
  67. JSON Annotation > '$ flutter packages pub run build_runner build' > Read code
  68. Dio > Read code
  69. Gallery Saver > watch this video
  70. Anim Search Bar > _searchController.addListener(() {}) > Read the code
  71. File Picker > watch this video
  72. Share Plus > watch this video
  73. Infinite Scroll Pagination > read documentation from here
  74. Marquee > text > scrollAxis > crossAxisAlignment > blankSpace > velocity > pauseAfterRound > startPadding
  75. Cached Network Image > watch this video
  76. Flutter Toast > Fluttertoast.showToast() > msg > fontSize > textColor > gravity
  77. Crypto > bytes = utf8.encode("InputText") > digest = sha1.convert(bytes)
  78. Bottom Navy Bar > PageController _pageController > PageView() > controller: _pageController > BottomNavyBar() > selectedIndex: _currentIndex
  79. Slide Countdown > SlideCountdownSeparated() > duration: const Duration(seconds: 10)
  80. Date Format > formatDate(DateTime.now(), [yyyy, '-', mm, '-', dd]) > formatDate(DateTime.now(), [HH, ':', nn, ':', ss])
  81. Flutter Rating Bar > initialRating > minRating > itemBuilder: (context, _) => const Icon() > updateOnDrag > onRatingUpdate
  82. Pin Code Fields > PinCodeTextField() > appContext: context > length: 6 > pinTheme > onCompleted
  83. UUID > id = uuid.v1(); > id = uuid.v4();
  84. RxDart > Read the code
  85. Flutter Local Notifications > watch this video
  86. Flutter Native Timezone > FlutterNativeTimezone.getLocalTimezone()
  87. Faker > faker.person.firstName() > faker.person.lastName()
  88. Day Night Switch > value: themeProvider.isDarkMode > onChanged: (newValue) {}
  89. Pixel Perfect > assetPath: > child: Scaffold()
  90. Animated Button > shadowDegree > enabled > onPressed > child
  91. Toggle Switch > initialLabelIndex: 0 > totalSwitches: 3 > labels: const ['America', 'Canada', 'Mexico'] > onToggle: (index){}
  92. Route Master > review the code

Table of Contents:

No. Name of the Package Package URL Screenshots
1 Avatar Glow avatar_glow: ^2.0.2
2 Google Fonts             



google_fonts: ^3.0.1







3 Liquid Pull To Refresh liquid_pull_to_refresh: ^3.0.1
4 Percent Indicator percent_indicator: ^4.2.2
5 Carousel Slider flutter_carousel_slider: ^1.0.8
6 Smooth Page Indicator smooth_page_indicator: ^1.0.0+2
7 Font Awesome Flutter             



font_awesome_flutter: ^10.1.0







8 Animations animations: ^2.0.3
9 Neon neon: ^0.1.0
10 Aurora aurora: ^1.0.0
11 Card Swiper card_swiper: ^2.0.4
12 Flutter BlurHash flutter_blurhash: ^0.7.0
13 Flutter SVG             



flutter_svg: ^1.1.0







14 Flutter Custom Clipper flutter_custom_clippers: ^2.0.0
15 Flutter TTS flutter_tts: ^3.3.3
16 Flutter Highlight flutter_highlight: ^0.7.0
17 Syncfusion Charts syncfusion_flutter_charts: ^20.1.57
18 Rflutter Alert rflutter_alert: ^2.0.4
19 Settings UI flutter_settings_ui: ^2.0.1
20 Flutter Spinkit flutter_spinkit: ^5.1.0
21 Audio Players audioplayers: ^0.20.1
22 Go Router             



go_router: ^3.1.1







23 HTTP http: ^0.13.4
24 Onboarding onboarding: ^3.1.0
25 Flutter Neumorphic flutter_neumorphic: ^3.2.0
26 Math Expressions math_expressions: ^2.3.0
27 Clay Containers clay_containers: ^0.3.2
28 Day Night Switcher         




day_night_switcher: ^0.2.0+1







29 Provider             



provider: ^6.0.3







30 Feather Icons feather_icons: ^1.2.0
31 Simple Gradient Text simple_gradient_text: ^1.2.3
32 Image Picker image_picker: ^0.8.5+3
33 Convex Bottom Bar             



convex_bottom_bar: ^3.0.0







34 Intro Slider intro_slider: ^3.0.5
35 Icofont Flutter icofont_flutter: ^1.4.0
36 Flutter Staggered Grid View flutter_staggered_grid_view: ^0.6.1
37 Shimmer shimmer: ^2.0.0
38 Lottie lottie: ^1.3.0
39 Shared Preferences             



shared_preferences: ^2.0.15







40 Auto Size Text             



auto_size_text: ^3.0.0







41 Device Info Plus             



device_info_plus: ^3.2.3







42 Geolocator             



geolocator: ^8.2.1







43 Glass Kit glass_kit: ^2.0.1
44 URL Launcher             



url_launcher: ^6.1.2







45 Webview Flutter webview_flutter: ^3.0.4
46 Responsive Sizer responsive_sizer: ^3.0.8
47 Video Player video_player: ^2.4.2
48 Responsive Framework responsive_framework: ^0.2.0
49 Timelines timelines: ^0.1.0
50 Just Audio             



just_audio: ^0.9.21







51 Persistent BNb v2 persistent_b_n_b_v2: ^4.2.3
52 Equatable equatable: ^2.0.3
53 Web Scraper web_scraper: ^0.1.4
54 Introduction Screen introduction_screen: ^3.0.2
55 Animated Text Kit             



animated_text_kit: ^4.2.2







56 Horizontal Data Table horizontal_data_table: ^4.0.0
57 Confetti confetti: ^0.7.0
58 Chewie chewie: ^1.3.3
video_player: ^2.4.2
59 Get It get_it: ^7.2.0
60 Overlay Support overlay_support: ^2.0.1
61 Connectivity Plus             



connectivity_plus: ^2.3.2 [F.F.]
overlay_support: ^2.0.1







62 Flutter Hooks flutter_hooks: ^0.18.4
63 Path Provider             



path_provider: ^2.0.10







64 Youtube Player Flutter youtube_player_flutter: ^8.1.0
65 Youtube Player Iframe youtube_player_iframe: ^2.3.0
66 Flutter Slidable             



flutter_slidable: ^1.3.0







67 JSON Annotation             



json_annotation: ^4.5.0
json_serializable: ^6.2.0 [F.F.]
build_runner: ^2.1.11





68 Dio dio: ^4.0.6
69 Gallery Saver gallery_saver: ^2.3.2
70 Anim Search Bar anim_search_bar: ^2.0.2
71 File Picker file_picker: ^4.6.1
open_file: ^3.2.1
72 Share Plus             



share_plus: ^4.0.6







73 Infinite Scroll Pagination             



infinite_scroll_pagination: ^3.2.0







74 Marquee marquee: ^2.2.3
75 Cached Network Image cached_network_image: ^3.2.1
flutter_cache_manager: ^3.3.0
76 Flutter Toast fluttertoast: ^8.0.9
77 Crypto crypto: ^3.0.2
78 Bottom Navy Bar             



bottom_navy_bar: ^6.0.0







79 Slide Countdown slide_countdown: ^0.2.8
confetti: ^0.7.0
80 Date Format date_format: ^2.0.6
81 Flutter Rating Bar flutter_rating_bar: ^4.0.1
82 Pin Code Fields pin_code_fields: ^7.4.0
83 UUID uuid: ^3.0.6
84 RxDart             



rxdart: ^0.27.4







85 Flutter Local Notifications             



flutter_local_notifications: ^9.6.1
rxdart: ^0.27.4







86 Flutter Native Timezone flutter_native_timezone: ^2.0.0
87 Faker faker: ^2.0.0
88 Day Night Switch day_night_switch: ^1.0.3
89 Pixel Perfect pixel_perfect: ^1.1.1
90 Animated Button animated_button: ^0.2.0
91 Toggle Switch             



toggle_switch: ^2.0.1







92 Route Master             



routemaster: ^1.0.1







More Repositories

1

widget_of_the_day

Introduction to flutter widgets: This repo will teach you some of the common widgets that are available in flutter SDK, & how to use them for UI design.
Dart
467
star
2

getx_clean_architecture

This repo is an example of clean architecture using the GetX state-management solution.
Dart
158
star
3

scalable_app_architecture

This is a modular app architecture that can be scalable as the time passes. I will be using the BLoC state-management package.
C++
132
star
4

bloc_architecture_app

This is going to serve as a startup project for every app that I'll build on by using the BLoC state-management package
Dart
67
star
5

flutter_puzzle_hack

This game is for the "Flutter Puzzle Hack" contest, 2022. It is a simple slide puzzle game, where the player has to arrange the squares into sorted order.
Dart
61
star
6

kid_starter

This is an application for kids who want to learn the English alphabet, Numbers, and Colors names with accurate pronunciation.
Dart
40
star
7

sensor_packages

Introduction to sensor packages: This repo will teach you some of the popular sensor related packages that are available in pub.dev
Dart
22
star
8

bloc_concept

This repository is for understanding the core concepts of BLoC pattern in flutter.
Dart
16
star
9

zombieland

Instead of a simple counter app, the @FlutterDev team can provide a simple game like the one below. Thanks to the @rive_app team for their easy-to-use animation kit.
Dart
13
star
10

taja_khobor

It's a mobile application that will use the machine learning algorithm to personalize news according to individual tastes. In addition to that, it will provide comfort to your eyes by reading aloud newspaper in both Bangla & English.
Dart
10
star
11

softcent_app

Your task is to create the app same as the UI given in the figma. For the images, use the mock API given below. Deadline: 4th April, 2022
Dart
9
star
12

getx_tutorial

It's an introduction to one of the famous flutter package called "GetX": https://pub.dev/packages/get
Dart
8
star
13

tip_calculator

It's a UI challenge from "Frontend Mentor". This 'Tip Calculator' app can calculate the exact tip amount and the total amount shared per person in a group. It's two `Listener` widgets for calculating tip automatically in the background.
Dart
8
star
14

flutter_multithreading

This repo is for understanding multithreading implementation in flutter ecosystem. Flutter, in its core, is a single-threaded SDK. But there is an option of multithreading for developers.
Dart
8
star
15

Real-Time-Water-Quality-Monitoring-and-Contamination-event-Detection-using-Machine-Learning

This was my final year project. It was a group project, with a total of three members. Here we implemented four sensors to detect the water quality of a storage tank. The user can see the real-time reading of the sensors using the Website & through the Android app.
JavaScript
7
star
16

Hackintosh_EliteBook_Folio_9470m

This is a tutorial for running macOS Mojave on Hp EliteBook Folio 9470m.
6
star
17

nilam

This is an auction application just like eBay. Using firebase as the backend for signup & sign-in functionality. In addition to that, it's a two pages application with user bid in input and count down view.
Dart
6
star
18

flutter_adaptive_widgets

Adaptive widgets are a great way to keep the UI uniform in both Android & iOS platforms. This repo contains few of the adaptive widgets. But there are more to implement like: date picker, time picker, bottom tab bar etc.
Dart
5
star
19

Hackintosh-Legion-Y730_Y740

If you are a windows user and require macOS to learn XCode, then you can transform your windows machine into hackintosh machine. Remember, this tutorial is for educational purpose. I will be not responsible for any damage done to your device while installing macOS. Do at your own risk. This tutorial is only for Lenovo legion Y730/Y740. Back up your important files before starting. All files, that you require for macOS installation, are available in my GitHub page. So, let’s begin…
5
star
20

hive_crud

This repo will teach you how to use hive package for storing data locally in your device. Hive is a lightweight and blazing fast key-value database written in pure Dart.
Dart
4
star
21

md-siam

4
star
22

riverpod_concept

This repository is for learning different types of State management widgets found in flutter_riverpod
Dart
4
star
23

Hackintosh_EliteBook_840_G5

This is a tutorial for running macOS Big Sur on Hp EliteBook 840 G5
4
star
24

flutter_widget_lifecycle

Introduction to how the Stateful Widget Lifecycle works in detail and how to react to changes of widgets in Flutter.
Dart
4
star
25

bn_calculator

Bengali Numeric, in short, BN Calculator is designed with a custom neumorphic button class, with a custom button press sound. In addition to that, it has a beautiful dark theme, and a user can turn On/Off the dark theme using a custom animated button on the AppBar.
Dart
4
star
26

provider_tutorial

It's an introduction to one of the famous flutter package called "provider" :https://pub.dev/packages/provider/install
Dart
4
star
27

flutter_fonts

This repo will teach you how to use custom fronts that are available on the internet.
Dart
3
star
28

easybank_landing_page

It's an UI challenge from "Frontend Mentor". URL https://www.frontendmentor.io/challenges/easybank-landing-page-WaUhkoDN
Dart
3
star
29

flutter_tester

Introduction to flutter testing: This repo will teach you about testing in a flutter. It includes unit testing, widget testing & integration testing.
Dart
3
star
30

react_conf

This is the repository for the assessment task for the Mid_Level Flutter Developer role at Lemon Hive.
Dart
3
star
31

dhaka_stocks_price

This app uses 'cheerio' npm package to web scrap the official site of Dhaka Stock Exchange. In addition, it is connected to ParseServer for storing the scripted values.
JavaScript
3
star
32

flutter_responsive_ui_design

This is a must know for every Flutter developer! Since Flutter is a cross platform framework, dealing with different screen sizes smoothly is essential
Dart
3
star
33

flutter_localization

Localization in flutter using the intl package: https://pub.dev/packages/intl
Dart
3
star
34

sqflite_crud

It is a simple journal application that stores user input into the device's storage using the package sqflite package: https://pub.dev/packages/sqflite
Dart
3
star
35

recipe_app

This is the repository for the assessment task for the Flutter Developer role at Battery Low Interactive Ltd.
Dart
2
star
36

online_shoppe_getx_tutorial

Dart
2
star
37

Legion_Y730_running_BigSur

If you are a windows user and require macOS to learn XCode, then you can transform your windows machine into the Hackintosh machine. Remember, this tutorial is for educational purpose. I will be not responsible for any damage done to your device while installing macOS. Do at your own risk. This tutorial is only for Lenovo legion Y730/Y740. Back up your important files before starting.
2
star
38

Legion_Y730_running_Catalina

If you are a windows user and require macOS to learn XCode, then you can transform your windows machine into the Hackintosh machine. Remember, this tutorial is for educational purpose. I will be not responsible for any damage done to your laptop while installing macOS. Do at your own risk.
2
star
39

bloc_tutorial

Few application developers using bloc state management solution
Dart
2
star
40

FlutterUI---Emojis

Dart
1
star
41

High-Quality-PDF

People need high quality (no compresses) PDF file for research paper submission. This tutorial will teach you to create high quality PDF files using Acrobat Pro DC.
1
star
42

node_express_api

Making an API using NodeJS
JavaScript
1
star
43

Clima-Flutter

Dart
1
star
44

quizzler-flutter

Dart
1
star
45

COVID19_data_scraping

This will scrap covid19 data from https://www.worldometers.info/coronavirus/
JavaScript
1
star
46

flash-chat-flutter

Dart
1
star
47

isar_crud

Isar is for local database storage in a Flutter application. Isar is No-SQL relational database.
Dart
1
star
48

new_ui_design_in_flutter

This repo will teach you the complex UI design using flutter. These designs are new and trending.
Dart
1
star
49

BullsEye_iOS

It is an iOS game using Swift 5, and SwiftUI framework
Swift
1
star
50

flutter_theme_shared_preferences

Storing theme data to local storage using Shared Preferences.
C++
1
star
51

bangladesh_map

It is an interactive map of Bangladesh. As you all know, Google Maps requires money to use, but my map is completely free of charge. You can use this map on your website to display information.
HTML
1
star
52

Mini-Drone-using-Arduino-mini-micro-controller-unit

A low cost drone using Arduino mini, DC motors, and a mobile battery. It can be controlled by an android application. The connection between the drone & the application is done by the Bluetooth module present in the Arduino mini
C++
1
star