Responsive Admin Panel or Dashboard using Flutter

Overview

Responsive Admin Panel or Dashboard - Flutter UI

Watch it on YouTube

Packages we are using:

Fonts

On Flutter V2.* web officially supported on a stable branch. Today I share an Admin panel or you can call it dashboard UI build with flutter. Now you can build your app dashboard using flutter. This dashboard contains almost everything that you need like a chart, table, nice small card for showing info. It works perfectly on the Web, macOS app, Tablet also on both Android and iOS phones. It's time to code once run everywhere. Yeah, Flutter web is not SEO friendly but we don't need SEO for the admin panel.

Responsive Admin Panel or Dashboard Final UI

Preview

App UI

Comments
  • How drawer click works?

    How drawer click works?

    Hi!, I'm newer of flutter, I clone the whole project and can not find the code of drawer item click.

    I want some working code to learn how drawer item click, can any body help me ?

    that would be very help for me! THANKS!!!

    opened by zanpen2000 2
  • bugfix: ScrollController error because of scroll multiple elements

    bugfix: ScrollController error because of scroll multiple elements

    Multiple scroll elements were causing the ScrollController error like "The provided ScrollController is currently attached to more than one ScrollPosition"

    https://stackoverflow.com/questions/71305700/flutter-web-showing-error-for-scrollposition/71305907#71305907

    Check this for more details. Thank you

    opened by tm-sanjay 1
  • Added Loading Indicator on Web

    Added Loading Indicator on Web

    https://user-images.githubusercontent.com/55970925/152807108-a06ee525-9e01-4a64-b4c4-de3499191cd8.mov

    Added a nice loading animation when flutter loads the js.

    opened by abdulmominsakib 1
  • Work fine, but crash with navigation of widgets in MainScreen

    Work fine, but crash with navigation of widgets in MainScreen

    Describe the bug The bug occurs when trying to change the body widget or even when trying to navigate to a new screen.

    It happens that when changing the Dashboard body widget for another body widget, for example Transactions, the site breaks and does not render correctly the Sidebar and Header area.

    Here is a short video example of the problem:

    To Reproduce Steps to reproduce the behavior:

    1. Change widget of body Dashboard for any other with StreamBuilder or Navigator

    Code of MainScreen

    class MainScreen extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          key: context.read<MenuController>().scaffoldKey,
          drawer: SideMenu(),
          body: SafeArea(
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                if (Responsive.isDesktop(context))
                  Expanded(
                    child: SideMenu(),
                  ),
                Expanded(
                  flex: 5,
                  child: StreamBuilder<Widget>(
                    stream: outGetWidget,
                    builder: (context, w) {
                      if(w.connectionState == ConnectionState.waiting || w.data == null) return const Center(child: CircularProgressIndicator(),);
                      return w.data!;
                    },
                  ),
                ),
              ],
            ),
          ),
        );
      }
    }
    

    All other codes are original for the scripts, the bug is only i change the widget of body.

    I tested several alternatives to try to fix this problem, but nothing went right. How do I navigate multiple screens responsively? Apparently it's only usable for a single screen.

    Video for show the bug https://youtu.be/y9DCPI628dc

    opened by ZotInfo 0
  • cannot run this code with flutter 3.3.7

    cannot run this code with flutter 3.3.7

    flutter run -d chrome

    ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════ The following assertion was thrown during performLayout(): RenderFlex children have non-zero flex but incoming height constraints are unbounded. When a column is in a parent that does not provide a finite height constraint, for example if it is in a vertical scrollable, it will try to shrink-wrap its children along the vertical axis. Setting a flex on a child (e.g. using Expanded) indicates that the child is to expand to fill the remaining space in the vertical direction. These two directives are mutually exclusive. If a parent is to shrink-wrap its child, the child cannot simultaneously expand to fit its parent. Consider setting mainAxisSize to MainAxisSize.min and using FlexFit.loose fits for the flexible children (using Flexible rather than Expanded). This will allow the flexible children to size themselves to less than the infinite remaining space they would otherwise be forced to take, and then will cause the RenderFlex to shrink-wrap the children rather than expanding to fit the maximum constraints provided by the parent. If this message did not help you determine the problem, consider using debugDumpRenderTree(): https://flutter.dev/debugging/#rendering-layer http://api.flutter.dev/flutter/rendering/debugDumpRenderTree.html The affected RenderFlex is: RenderFlex#815cd relayoutBoundary=up33 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE(creator: Column ← RepaintBoundary ← CustomPaint-[GlobalKey#62255] ← MouseRegion ← Listener ← _GestureSemantics ← RawGestureDetector ← RepaintBoundary ← NotificationListener ← NotificationListener ← _MaterialScrollbar ← Scrollbar ← ⋯, parentData: (can use size), constraints: BoxConstraints(w=582.3, 0.0<=h<=Infinity), size: MISSING, direction: vertical, mainAxisAlignment: start, mainAxisSize: min, crossAxisAlignment: center, verticalDirection: down) The creator information is set to: Column ← RepaintBoundary ← CustomPaint-[GlobalKey#62255] ← MouseRegion ← Listener ← _GestureSemantics ← RawGestureDetector ← RepaintBoundary ← NotificationListener ← NotificationListener ← _MaterialScrollbar ← Scrollbar ← ⋯ The nearest ancestor providing an unbounded width constraint is: _RenderSingleChildViewport#7008e relayoutBoundary=up16 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE: needs compositing creator: _SingleChildViewport ← IgnorePointer-[GlobalKey#9d247] ← Semantics ← Listener ← _GestureSemantics ← RawGestureDetector-[LabeledGlobalKey#9c75f] ← Listener ← _ScrollableScope ← _ScrollSemantics-[GlobalKey#975b4] ← NotificationListener ← RepaintBoundary ← CustomPaint-[GlobalKey#81613] ← ⋯ parentData: (can use size) constraints: BoxConstraints(w=908.0, 0.0<=h<=953.0) size: MISSING offset: Offset(0.0, -0.0)

    opened by joyhope 0
  • need help

    need help ""RenderBox was not laid out"

    I downloaded the zip and ran the project It was good but then I added something in pubspec.yaml and then this error popup.

    ======== Exception caught by rendering library ===================================================== The following assertion was thrown during performLayout(): Assertion failed: file:///H:/src/flutter/flutter/packages/flutter/lib/src/rendering/box.dart:2001:12 hasSize "RenderBox was not laid out: RenderPointerListener#724c3 relayoutBoundary=up13 NEEDS-PAINT"

    The relevant error-causing widget was: SingleChildScrollView SingleChildScrollView:file:///H:/Flutter-Responsive-Admin-Panel-or-Dashboard-master/Flutter-Responsive-Admin-Panel-or-Dashboard-master/lib/screens/dashboard/dashboard_screen.dart:15:14 When the exception was thrown, this was the stack: C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/internal/js_dev_runtime/private/ddc_runtime/errors.dart 266:49 throw C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 29:3 assertFailed packages/flutter/src/rendering/box.dart 2001:12 get size packages/flutter/src/rendering/proxy_box.dart 121:14 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/custom_paint.dart 552:11 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/shifted_box.dart 249:5 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/layout_helper.dart 56:10 layoutChild packages/flutter/src/rendering/flex.dart 903:45 [_computeSizes] packages/flutter/src/rendering/flex.dart 938:32 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/shifted_box.dart 249:5 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/custom_layout.dart 171:10 layoutChild packages/flutter/src/material/scaffold.dart 1055:7 performLayout packages/flutter/src/rendering/custom_layout.dart 240:7 [_callPerformLayout] packages/flutter/src/rendering/custom_layout.dart 410:14 performLayout packages/flutter/src/rendering/object.dart 1973:7 [_layoutWithoutResize] packages/flutter/src/rendering/object.dart 999:17 flushLayout packages/flutter/src/rendering/binding.dart 513:19 drawFrame packages/flutter/src/widgets/binding.dart 884:13 drawFrame packages/flutter/src/rendering/binding.dart 378:5 [_handlePersistentFrameCallback] packages/flutter/src/scheduler/binding.dart 1175:15 [_invokeFrameCallback] packages/flutter/src/scheduler/binding.dart 1104:9 handleDrawFrame packages/flutter/src/scheduler/binding.dart 1015:5 [_handleDrawFrame] C:/b/s/w/ir/cache/builder/src/out/host_debug/flutter_web_sdk/lib/_engine/engine/platform_dispatcher.dart 1168:13 invoke C:/b/s/w/ir/cache/builder/src/out/host_debug/flutter_web_sdk/lib/_engine/engine/platform_dispatcher.dart 219:5 invokeOnDrawFrame C:/b/s/w/ir/cache/builder/src/out/host_debug/flutter_web_sdk/lib/_engine/engine/initialization.dart 195:45 C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 334:14 _checkAndCall C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 339:39 dcall The following RenderObject was being processed when the exception was fired: RenderSemanticsGestureHandler#c7b97 relayoutBoundary=up12 NEEDS-LAYOUT NEEDS-PAINT ... needs compositing ... parentData: (can use size) ... constraints: BoxConstraints(w=1025.0, 0.0<=h<=594.0) ... size: MISSING ... behavior: opaque ... gestures: RenderObject: RenderSemanticsGestureHandler#c7b97 relayoutBoundary=up12 NEEDS-LAYOUT NEEDS-PAINT needs compositing parentData: (can use size) constraints: BoxConstraints(w=1025.0, 0.0<=h<=594.0) size: MISSING behavior: opaque gestures: ... child: RenderPointerListener#724c3 relayoutBoundary=up13 NEEDS-PAINT ... needs compositing ... parentData: (can use size) ... constraints: BoxConstraints(w=1025.0, 0.0<=h<=594.0) ... size: MISSING ... behavior: opaque ... listeners: down, panZoomStart ... child: RenderSemanticsAnnotations#5f498 relayoutBoundary=up14 NEEDS-PAINT ... needs compositing ... parentData: (can use size) ... constraints: BoxConstraints(w=1025.0, 0.0<=h<=594.0) ... size: MISSING ... child: RenderIgnorePointer#2a10d relayoutBoundary=up15 NEEDS-PAINT ... needs compositing ... parentData: (can use size) ... constraints: BoxConstraints(w=1025.0, 0.0<=h<=594.0) ... size: MISSING ... ignoring: false ... ignoringSemantics: false ... child: _RenderSingleChildViewport#69f46 relayoutBoundary=up16 NEEDS-PAINT ... needs compositing ... parentData: (can use size) ... constraints: BoxConstraints(w=1025.0, 0.0<=h<=594.0) ... size: MISSING ... offset: Offset(0.0, -0.0)

    ======== Exception caught by rendering library ===================================================== The following assertion was thrown during performLayout(): Assertion failed: file:///H:/src/flutter/flutter/packages/flutter/lib/src/rendering/box.dart:2001:12 hasSize "RenderBox was not laid out: RenderSemanticsGestureHandler#c7b97 relayoutBoundary=up12 NEEDS-PAINT"

    The relevant error-causing widget was: SingleChildScrollView SingleChildScrollView:file:///H:/Flutter-Responsive-Admin-Panel-or-Dashboard-master/Flutter-Responsive-Admin-Panel-or-Dashboard-master/lib/screens/dashboard/dashboard_screen.dart:15:14 When the exception was thrown, this was the stack: C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/internal/js_dev_runtime/private/ddc_runtime/errors.dart 266:49 throw C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 29:3 assertFailed packages/flutter/src/rendering/box.dart 2001:12 get size packages/flutter/src/rendering/proxy_box.dart 121:14 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/custom_paint.dart 552:11 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/proxy_box.dart 120:7 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/shifted_box.dart 249:5 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/layout_helper.dart 56:10 layoutChild packages/flutter/src/rendering/flex.dart 903:45 [_computeSizes] packages/flutter/src/rendering/flex.dart 938:32 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/shifted_box.dart 249:5 performLayout packages/flutter/src/rendering/object.dart 2135:7 layout packages/flutter/src/rendering/box.dart 2418:11 layout packages/flutter/src/rendering/custom_layout.dart 171:10 layoutChild packages/flutter/src/material/scaffold.dart 1055:7 performLayout packages/flutter/src/rendering/custom_layout.dart 240:7 [_callPerformLayout] packages/flutter/src/rendering/custom_layout.dart 410:14 performLayout packages/flutter/src/rendering/object.dart 1973:7 [_layoutWithoutResize] packages/flutter/src/rendering/object.dart 999:17 flushLayout packages/flutter/src/rendering/binding.dart 513:19 drawFrame packages/flutter/src/widgets/binding.dart 884:13 drawFrame packages/flutter/src/rendering/binding.dart 378:5 [_handlePersistentFrameCallback] packages/flutter/src/scheduler/binding.dart 1175:15 [_invokeFrameCallback] packages/flutter/src/scheduler/binding.dart 1104:9 handleDrawFrame packages/flutter/src/scheduler/binding.dart 1015:5 [_handleDrawFrame] C:/b/s/w/ir/cache/builder/src/out/host_debug/flutter_web_sdk/lib/_engine/engine/platform_dispatcher.dart 1168:13 invoke C:/b/s/w/ir/cache/builder/src/out/host_debug/flutter_web_sdk/lib/_engine/engine/platform_dispatcher.dart 219:5 invokeOnDrawFrame C:/b/s/w/ir/cache/builder/src/out/host_debug/flutter_web_sdk/lib/_engine/engine/initialization.dart 195:45 C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 334:14 _checkAndCall C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 339:39 dcall The following RenderObject was being processed when the exception was fired: RenderPointerListener#f1414 relayoutBoundary=up11 NEEDS-LAYOUT NEEDS-PAINT ... needs compositing ... parentData: (can use size) ... constraints: BoxConstraints(w=1025.0, 0.0<=h<=594.0) ... size: MISSING ... behavior: deferToChild ... listeners: signal RenderObject: RenderPointerListener#f1414 relayoutBoundary=up11 NEEDS-LAYOUT NEEDS-PAINT needs compositing parentData: (can use size) constraints: BoxConstraints(w=1025.0, 0.0<=h<=594.0) size: MISSING behavior: deferToChild listeners: signal ... child: RenderSemanticsGestureHandler#c7b97 relayoutBoundary=up12 NEEDS-PAINT ... needs compositing ... parentData: (can use size) ... constraints: BoxConstraints(w=1025.0, 0.0<=h<=594.0) ... size: MISSING ... behavior: opaque ... gestures: ... child: RenderPointerListener#724c3 relayoutBoundary=up13 NEEDS-PAINT ... needs compositing ... parentData: (can use size) ... constraints: BoxConstraints(w=1025.0, 0.0<=h<=594.0) ... size: MISSING ... behavior: opaque ... listeners: down, panZoomStart ... child: RenderSemanticsAnnotations#5f498 relayoutBoundary=up14 NEEDS-PAINT ... needs compositing ... parentData: (can use size) ... constraints: BoxConstraints(w=1025.0, 0.0<=h<=594.0) ... size: MISSING ... child: RenderIgnorePointer#2a10d relayoutBoundary=up15 NEEDS-PAINT ... needs compositing ... parentData: (can use size) ... constraints: BoxConstraints(w=1025.0, 0.0<=h<=594.0) ... size: MISSING ... ignoring: false ... ignoringSemantics: false

    opened by hymanhk 1
  • cannot run this code with flutter 3.0.5

    cannot run this code with flutter 3.0.5

    Describe the bug raise this exception

      creator: Align ← ListTileTheme ← DrawerController-[LabeledGlobalKey<DrawerControllerState>#a3ff9] ← MediaQuery ← LayoutId-[<_ScaffoldSlot.drawer>] ← CustomMultiChildLayout ← AnimatedBuilder ← DefaultTextStyle ← AnimatedDefaultTextStyle ← _InkFeatures-[GlobalKey#9cb2d ink renderer] ← NotificationListener<LayoutChangedNotification> ← PhysicalModel ← ⋯
      parentData: offset=Offset(0.0, 0.0); id=_ScaffoldSlot.drawer
      constraints: MISSING
      size: MISSING
      alignment: AlignmentDirectional.centerStart
      textDirection: ltr
      widthFactor: expand
      heightFactor: expand
    
    opened by guchengxi1994 2
  • data_table_2 : 2.3.3

    data_table_2 : 2.3.3

    Hello.

    Is it possible to update to the last realease data_table_2 2.3.3 ? I tried to add it but it have some issues and can't know where to solve :/ .

    Thank you. regards.

    opened by thomtomdup 9
Owner
Abu Anwar
A self-taught programmer who always tries to learn something new and interesting.
Abu Anwar
A package for flip panel with built-in animation

Flip Panel A package for flip panel with built-in animation How to use import 'package:flip_panel/flip_panel.dart'; Create a flip panel from iterable

HungHD 542 Nov 24, 2022
Dashboard UI For Flutter

dashboard_ui Screenshots :- Used Libraries :- flutter_screenutil flutter_feather_icons percent_indicator App Link :- https://drive.google.com/file/d/1

Siddhesh Parab 2 Jul 26, 2022
Project Flutter which discusses how to create a movie dashboard UI

MOvApps (Flutter Project) Hi everybody. How are you guys? May you always be in good health and of course always be blessed by God! I want to showcase

Aqshal Rizqullah 1 Nov 30, 2021
Instagram social network interface in a responsive built using flutter

Responsive Instagram ?? Responsive Instagram foi um projeto realizado com o intuito de aprendizagem e prática da linguagem de programação Dart em conj

null 3 Jun 11, 2022
A responsive book app UI using flutter

Flutter Book Project I'm design a responsive book app UI using flutter, There is 3 page home page that includes a horizontal category list, then a lis

Mr Kafiri 5 Nov 9, 2022
A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.

A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.

Urmish Patel 187 Nov 24, 2022
Instagram UI designed with Flutter; it is compatible and responsive with any type of Android and iOS devices.

instagram Instagram clone UI designed with Flutter; it is compatible and responsive with any type of Android and iOS devices . Getting Started This pr

Mustafa Nabavi 4 Oct 28, 2021
Tour guide App UI in Flutter Consist of Three Pages. First Screen is Splash Screen , Second is welcome screen routing to third Screen and Third screen consist of details , navigation, places, and responsive UI.

Tour Guide // Tourism App Ui in Flutter. Tour Guid App Ui in Flutter. Visit Website Features State Management Navigation Bar Responsive Design Hybrid

Habib ullah 2 Nov 14, 2022
I am trying to teach Responsive Ui design. This video for Web and Mobile. This design is suitable for Desktop, Tab, and Mobile platforms.

before clone the GitHub repository please give a star on the repository. I am trying to teach Responsive Ui design. This video for Web and Mobile. Thi

Blackshadow Software Ltd 22 Sep 1, 2022
Fluid layouts allows you to create responsive layout for mobile, web and desktop from a single codebase.

Fluid layout aims to help building a responsive experience through all the different screen sizes. Based in the boostrap approach, FluidLayout calculates a padding content (fluid_padding) that changes depending on the parent size. The Fluid widget uses that padding to set its size

Jaime Blasco 3 Jan 10, 2022
Movies App UI in Flutter using Simple Widgets without Using API's in Flutter.

Movies App UI in Flutter using Simple Widgets without Using API's in Flutter.

Habib ullah 3 May 15, 2022
Flutter Shop UI - an e-commerce app using Flutter

If you are planning to create an e-commerce app using Flutter then this Shop UI Kit would be the perfect choice for you to make a gorgeous app for both Android & iOS.

Trần Văn Nguyên 20 Oct 10, 2022
Nice and clean Online Shop app UI by using #Flutter.

On our E-commerce app UI has two pages one for the product page which has a horizontal list of categories then a list of our products. Then on the details page, it shows the price and short description of the product with the Buy Now button. The best part of our E-commerce app is, each product has its own color which looks great.

Abu Anwar 1.6k Nov 20, 2022
A Flutter Widget Approach for using HTML tags & CSS styles in your upcoming Apps.

html_widgets A Flutter Widget Approach for using HTML tags & CSS styles in your upcoming Apps. Text Widgets *text property is required for all the tex

XenonLabz 7 Jul 14, 2022
This is my card using flutter

Mi Card Our Goal Now that you've seen how to create a Flutter app entirely from scratch, we're going to go further and learn more about how to design

Joshua Uzor 5 Dec 18, 2021
An app built using Flutter that holds buttons in form of xylophone which plays as instrument when clicked.

xylophone_flutter A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you st

dev_allauddin 3 Feb 3, 2022
An Ecommerce application built in Flutter using Firebase.

Flutter-Commerce An Ecommerce application built in Flutter using Firebase. Getting started Project setup instructions are given at Wiki section. Scree

Ashish Rawat 414 Nov 19, 2022
Facebook UI Clone using Flutter

Facebook UI Clone using Flutter

Febin T Rajeev 9 Nov 3, 2022
Create mobile game store design using Flutter

Create mobile game store design using Flutter

Firgia 16 Jun 2, 2022