Flutter Responsive Tabs Demo

Overview

flutter_responsive_tabs GitHub stars Twitter Follow GitHub last commit

A responsive tabs demo at two different screen size namely tablet and phone.

Live Demo: https://apgapg.github.io/flutter_responsive_tabs/

View Full Article: https://medium.com/@ayushpguptaapg/flutter-responsive-design-956c6e9a6d1b

flutter_responsive_tabs

On Tablet

flutter_responsive_tabs

On Phone

flutter_responsive_tabs

My Flutter Packages

  • json_table GitHub stars Create Flutter Json Table from json map directly.
  • pie_chart GitHub stars Flutter Pie Chart with cool animation.
  • search_widget GitHub stars Flutter Search Widget for selecting an option from list.
  • animating_location_pin GitHub stars Flutter Animating Location Pin Widget providing Animating Location Pin Widget which can be used while fetching device location.

My Flutter Apps

👍 Contribution

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -m 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request
You might also like...

Create responsive dashboard Daily Task design using Flutter

Create responsive dashboard Daily Task design using Flutter

Daily Task Watch it on YouTube Dashboard Screen This dashboard page is designed for the daily task. This design contains profile, task overview, calen

Jan 5, 2023

A responsive scaffold widget that adjusts to your device size, for your flutter mobile and web apps.

A responsive scaffold widget that adjusts to your device size, for your flutter mobile and web apps.

scaffold_responsive A responsive scaffold widget that adjusts to your device size, for your flutter mobile and web apps. Check out the Live demo here

Sep 27, 2022

Outlook Email App Redesign - Flutter Fully Responsive Design UI

Outlook Email App Redesign - Flutter Fully Responsive Design UI

Outlook Email App Redesign - Flutter Fully Responsive Design UI Watch it on YouTube Flutter web work on beta make sure you change your channel, Config

Dec 30, 2022

My Flutter Responsive Package.

TODO: Put a short description of the package here that helps potential users know whether this package might be useful for them. Features TODO: List w

Dec 25, 2021

Responsive Layouts and Text for Flutter

Responsive Layouts and Text for Flutter

About flutter_responsive plugin This plugin provides a easy and productive way to work with responsive layouts for Flutter Applications in mobile, des

Aug 15, 2021

Webresponsivo - A Responsive Web App Built With Flutter

Webresponsivo - A Responsive Web App Built With Flutter

Try the web app here 🚀 License Copyright (c) 2020 Souvik Biswas Permission is h

Jul 17, 2022

Responsive UI building in Flutter

Responsive UI building in Flutter

Responsive UI building in Flutter - Flutter project based on explaining and learning the responsive design concept in flutter as flutter makes hybrid applications so responsive deign is necessary for that purpose.

May 29, 2022

Flutter Facebook Responsive UI - Web & Mobile: Android | IOS

Flutter Facebook Responsive UI - Web & Mobile: Android | IOS

Facebook Clone Responsive UI - Flutter Web & Mobile: IOS | Android Web Version with Flutter! This web version uses flutter. Mobile Version: Android |

Jan 3, 2023

Esizer - A Flutter package provide responsive, dynamic, configurable size for each device screen size

Esizer - A Flutter package provide responsive, dynamic, configurable size for each device screen size

ESizer A Flutter package provide responsive, dynamic, configurable size for each

Feb 15, 2022
Comments
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 22% 🎉

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /res/s2.png | 412.91kb | 206.54kb | 49.98% | | /res/s1.png | 541.65kb | 288.99kb | 46.65% | | /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png | 14.45kb | 9.69kb | 32.93% | | /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png | 45.89kb | 31.58kb | 31.18% | | /web/favicon.png | 0.90kb | 0.64kb | 29.01% | | /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png | 1.40kb | 1.00kb | 28.62% | | /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png | 5.79kb | 4.27kb | 26.23% | | /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png | 3.20kb | 2.60kb | 18.77% | | /res/app.gif | 1,219.50kb | 1,206.88kb | 1.04% | | | | | | | Total : | 2,245.68kb | 1,752.19kb | 21.98% |


    📝docs | :octocat: repo | 🙋issues | 🏅swag | 🏪marketplace

    opened by imgbot[bot] 0
Owner
Ayush P Gupta
Flutter || Node || Vue || Typescript
Ayush P Gupta
A powerful official extension library of Tab/TabBar/TabView, which support to scroll ancestor or child Tabs when current is overscroll, and set scroll direction and cache extent.

extended_tabs Language: English | 中文简体 A powerful official extension library of Tab/TabBar/TabView, which support to scroll ancestor or child Tabs whe

FlutterCandies 185 Dec 13, 2022
An application used to manage all your tabs in a clean, scrollable, categorized format.

Tabmanager Created by Sami-ul You can contact me here: [email protected] Recent updates Made the app run faster by using the backend to serve t

Sami 7 Nov 2, 2022
Web3-demo-flutter - A demo for the flutter web3 library.

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

Tommaso Azzalin 0 Oct 7, 2022
Pokedex-Flutter - Pokedex demonstrates modern Flutter development with GetX, Hive, Flow, Adaptive/Responsive Design

Pokedex-Flutter Pokedex demonstrates modern Flutter development with GetX, Hive,

Khoujani 3 Aug 17, 2022
Aq flutter tools - AQ flutter tools - Responsive Images, Translations and more

Made by AQuadic Getting started Important Links AQuadic Script Requirement This

Aquadic 0 Feb 7, 2022
Flutter Responsive Dashboard

Store Responsive Dashboard A Flutter Web Project. Responsive on Mobile and Desktop Demo Site Contact Cam Phan - Facebook - [email protected] - Websit

Cam Phan 44 Sep 29, 2022
Responsive Blog Theme using Flutter | Web, macOS, Android, iOS

Responsive Blog Theme using Flutter | Web, macOS, Android, iOS Watch it on YouTube Packages we are using: flutter_svg: link get: link Flutter recently

Abu Anwar 196 Dec 9, 2022
Create responsive dashboard Project Management design using Flutter

Project Management Watch it on YouTube Dashboard Screen This dashboard page is designed for the project management web. This design contains task mana

Firgia 284 Dec 23, 2022
Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.

Figma to Code Most design to code plugins are bad, some are even paid. This project aims to raise the bar by generating responsive layouts in Tailwind

Bernardo Ferrari 2.8k Jan 4, 2023
🌍 Responsive web app powered by Flutter and Dart

Flutter Web App Demo Responsive web app powered by Flutter and Dart. Contents Features Requirements Develop Building with the production JavaScript co

Sasha Prokhorenko 208 Nov 24, 2022