Home / Flutter / UI

Flutter Facebook Responsive UI Tutorial

Flutter Facebook Responsive UI Tutorial
Information
Category: Flutter / UI
Watchers: 12
Star: 353
Fork: 130
Last update: Sep 11, 2020
Resource links
https://github.com/MarcusNg/flutter_facebook_responsive_ui

Flutter Facebook Responsive UI Tutorial

YouTube Tutorial

Mobile Screenshot

Web Screenshot

1 Open More issues
Closed

add widget & file structure diagram and update README

I am Miraie Yang.

Having seen you add the link in the video description. Appreciate it.

I think it can be also showed on GitHub.

opened Mar 30, 2021 by DoodleBears 0
Closed

add tutorial link

opened Aug 7, 2020 by MarcusNg 0
Closed

add mobile and web

opened Aug 6, 2020 by MarcusNg 0
Open

packages update and null safety added

null

opened Aug 19, 2021 by salehmalik121 6
Open

Updated OutlineButton to OutlinedButton

OutlineButton has been depreciated. https://api.flutter.dev/flutter/material/OutlineButton-class.html

OutlinedButton https://api.flutter.dev/flutter/material/OutlinedButton-class.html

opened Feb 27, 2021 by siddhant-dev 1
Open

Trying responsive login screen

Just tried to implement fb login screen on mobile & web.

opened Oct 2, 2020 by RohanPatil1 3

Contents

    luanbatistadev Flutter Facebook Responsive UI - Web & Mobile: Android | IOS
    facebookarchive The Facebook SDK for PHP provides a native interface to the Graph API and Facebook Login. https://developers.facebook.com/docs/php
    tahseenquraishi In this repo I have build an awesome Flutter food delivery app ui. This Flutter UI challenge is taken from the dribbble. The main beauty about this UI is their hero animation while moving towards the food detail page. This Flutter Food delivery app UI tutorial is beneficial for those who want to learn the advanced concept for building the flutter ui. Apart from these I have used the latest version of flutter i.e Flutter 2.0 to building this app.
    FilledStacks A set of widgets to make responsive UI building in flutter more readable
    facebookarchive Integrate your iOS apps in Swift with Facebook Platform.
    minimaxir Data scraper for Facebook Pages, and also code accompanying the blog post How to Scrape Data From Facebook Page Posts for Statistical Analysis
    mobolic Python SDK for Facebook's Graph API
    facebookarchive A React Native wrapper around the Facebook SDKs for Android and iOS. Provides access to Facebook login, sharing, graph requests, app events etc.
    adi518 vue-facebook-login-component - A fully customizable component for integrating Facebook login.
    jbowyers Responsive Menu is a drop-down menu jQuery plugin for responsive websites
    HCESrl vue-responsive-image - A Vue component that lets you quickly create responsive image tags with an optimal number of image sources for all devices.
    Kelin2025 vue-responsive-components - Create responsive components with ResizeObserver.
    minikin 🌍 Responsive web app powered by Flutter and Dart
    duytq94 The app to demo animation with Flutter by implement Facebook reactions
    lesnitsky 🎓Flutter TodoList tutorial
    sandipbgt A python script to receive your Facebook notifications on your mobile via SMS for free.
    craftbeerpi Brew Controller
    sdushantha 📼 Very minimal Facebook downloader written in 28 lines of Python code (not including comments and blank spaces)
    watzon Facebook image Metadata Obfuscation server
    phanan vue-facebook-signin-button - A simple plugin to include a custom Facebook sign-in button into your web app
    congnv86 Auto download Facebook Emoji
    Share this repo

    Related Repos


    UI
    8
    This package will animate a segment. The package provides you with a modern animated fancy...
    Mindinventory animated_segment This package will animates a segment. Package provides you a modern animated fancy segment. Show selection of tab using elastic way a
     
    UI
    9
    A simple widget to display ExpressLRS telemetry
    CapnBry No, you can't use this widget to configure your TX module, don't ask! A simple widget to display ExpressLRS LinkStats telemetry as well as common Beta
     
    UI
    5
    Popup Shapes for Notifications and tooltips.
    MR0100 popup_shapes 🎯 Popup Shapes for Notifications and tooltips. Shapes TOP LEFT CENTER RIGHT CENTER LEFT RIGHT BOTTOM RIGHT CENTER LEFT How to use impor
     
    UI
    3
    Beautiful Login Panel UI with support for dark mode and validation. Created by Martin Gogo...
    MonsieurZbanowanYY Flutter Login UI with darkmode support Flutter 2.8.0 Null Safety Beautiful Login Panel UI with support for dark mode and validation. Created by Martin
     
    UI
    3
    A TypeAhead (autocomplete) widget for Flutter, where you can show suggestions to users as ...
    YeMyoAung Starlight Type Ahead FLUTTER | ANDROID, IOS, LINUX, MACOS, WEB, WINDOWS A TypeAhead (autocomplete) widget for Flutter, where you can show suggestions
     
    UI
    3
    Zerotier Widget
    Duoslow Zerotier KDE Widget Displays Zerotier Network Members Features Show online member count on icon Click to copy zerotier ip Updates members status on in
     
    UI
    6
    A Widget-based Game Engine For Flutter
    deven98 illume A Widget-based Game Engine for Flutter Illume is a simple Flutter game engine which uses widgets to create game objects instead of sprites in n
     
    UI
    10
    Flutter's core Dropdown Button widget with steady dropdown menu and many options you can c...
    AhmedLSayed9 Flutter DropdownButton2 Intro Flutter's core Dropdown Button widget with steady dropdown menu and many options you can customize to your needs. Featur
     
    UI
    3
    Customized google map with widget markers. Enables to show markers with widget code.
    santa112358 widget_marker_google_map Google map with widget markers. Set up Follow the steps on google_maps_flutter document. Usage Same as google_maps_flutter ex
     
    UI
    3
    An animated menu with both RTL and LTR direction support
    PersianFlutter animated_menu A new Flutter package project. Getting Started This project is a starting point for a Dart package, a library module containing code tha
     
    UI
    7
    A widget that allow user resize the widget with drag
    MohammadAminZamaniAfshar Flutter-Resizable-Widget A widget that allow user resize the widget with drag Note: this widget uses Getx Example bandicam.2021-11-11.12-34-41-056.mp4
     
    UI
    5
    Widget, that can make any static located widget hidable (scroll to hide).
    anonistas Installing See the official installing guidline from hidable/install Usage & Overview To start using Hidable widget, we have to create a ScrollControl
     
    UI
    5
    Beautiful login page
    amirziyacode Login Page A Beautiful login page UI like this Login_Page Use in your application Tank you ☺ Platform ios ✔️ android ✔️ responsive Can be used on all
     
    UI
    3
    Flutter package for creating a fully customizable and editable image widget. The package h...
    BBarisKilic EditableImage Flutter Package Flutter package for creating a fully customizable and editable image widget. The package has been written solely in Dart
     
    UI
    11
    A Flutter package for inspecting widgets.
    kekland inspector A Flutter package for inspecting widgets. Also comes with an eyedropper functionality. Useful for debugging widgets and for QA testing. Supp