Beautiful TabBar Interaction with Sliding Inset FABs, made with Flutter Dart.

Overview

#Flutter Tab Bar Interaction

Beautiful TabBar Interaction with Sliding Inset FABs, made with Flutter Dart.


  • Pure Dart. No native dependencies. No linking. No obstacles.
  • Looks beautiful. Stunning and fluid animations. You won't believe it's not a native view.
  • Customize it. You can adjust nearly everything to make it fit perfectly to your app.
  • Easy to use. Uses established BLOC patterns for both simple and advanced usage.
  • Pluggable. Includes customizable Tabs and Badges. Not enough? Create and use your own!

Show some ❤️ and star the repo to support the project


Check it out on Behance (https://www.behance.net/gallery/83056193/Tab)

Table of Contents

Installation

For help Flutter installation [https://flutter.dev/docs/get-started/install]

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

For help on editing package code, view the documentation.

Getting Started

You can download this repo or clone using below command. (folder-name will be project folder in which you want to start your project).

git clone https://github.com/JadavChirag/flutter-tabbar-interaction.git

or from Download Zip

Demo


Shifting Tab


Full Tab

asciicast

Component props

prop value required/optional description
icon image source required the icon when item is not focus
selectedIcon image source required the icon when item is focus
title string required title of item
screenBackgroundColor string required background color of tab

👍 How to Contribute

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

👨 Developed By

Jadav Chirag

License

MIT, © 2019 - present Jadav Chirag

📃 License

Copyright (c) 2019 Jadav Chirag

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
You might also like...

A catalog of beautiful login UI

A catalog of beautiful login UI

Login Catalog davidcobbina.com A catalog of beautiful login UI built with flutter. Beautifully crafted with flutter and love, a useful UI full of diff

Nov 29, 2022

Loading widget based on a Flare animation, allow you to create beautiful custom loading widgets or dialogs

flare_loading Loading widget based on a Flare animation, allow you to create custom loading widgets or dialogs If you're using Rive instead of Flare p

Apr 16, 2021

A curated collection of awesome gradients made in Dart for Flutter

A curated collection of awesome gradients made in Dart for Flutter

Flutter Gradients A curated collection of awesome gradients made in Dart (port of https://webgradients.com for Flutter). Only linear gradients include

Dec 18, 2022

Dart package that converts number to words (English language)A Flutter/Dart package that converts number to words (English language)

flutter_number_to_words_english A Flutter/Dart package that converts number to words (English language) Flutter (Null Safety) Flutter (Channel stable,

Dec 9, 2022

A candy sorter game made with Flutter for the march flutter challenge.

A candy sorter game made with Flutter for the march flutter challenge.

A candy sorter game made with Flutter for the march flutter challenge.

Apr 9, 2022

Flutter Animation 🐱‍👤 Made with algeria By DZ-TM071

Flutter Animation 🐱‍👤 Made with algeria By DZ-TM071

Flutter Animation 🐱‍👤 Made with algeria By DZ-TM071

Oct 23, 2022

Flutter Animation 🐱‍👤 Made with algeria 🖤

Flutter Animation 🐱‍👤 Made with algeria 🖤

Flutter-awesome-login-page-animated-fastCode 🐱‍👤 Fast code and awesome design-ui for Login Page ! 🔥 Getting Started # First you need to add simple_

Oct 24, 2022

Flutter Animation liquid 🐱‍👤 Made with algeria By DZ-TM071

Flutter Animation liquid 🐱‍👤 Made with algeria By DZ-TM071

Flutter Animated Loading liquid progress 🚀 🔥 🔥 screen screen # Usage First you need to add liquid_progress_indicator 0.4.0 Or + in the dependency a

Jan 10, 2022

Flutter Animation Made with algeria By DZ-TM071 🚀__🔥

Flutter Animation Made with algeria By DZ-TM071 🚀__🔥

ByDzTm071 🐱 Fast code and awesome design-ui for Login Page Part 3 ! 🔥 image gif image Getting Started # First you need to add simple_animations 4.0.

Oct 28, 2022
Owner
Chirag Jadav
Flutter Expert | AR/VR Enthusiast | Speaker for Flutter | React Native Dev
Chirag Jadav
🔔 A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]

Animated Text Kit A flutter package which contains a collection of some cool and awesome text animations. Recommended package for text animations in C

Ayush Agarwal 1.4k Jan 6, 2023
This repository demonstrates use of various widgets in flutter and tricks to create beautiful UI elements in flutter for Android and IOS

AwesomeFlutterUI The purpose of this repository is to demonstrate the use of different widgets and tricks in flutter and how to use them in your proje

Subir Chakraborty 132 Nov 13, 2022
A beautiful animated flutter widget package library. The tab bar will attempt to use your current theme out of the box, however you may want to theme it.

Motion Tab Bar A beautiful animated widget for your Flutter apps Preview: | | Getting Started Add the plugin: dependencies: motion_tab_bar: ^0.1.5 B

Rezaul Islam 237 Nov 15, 2022
A flutter package which will help you to generate pin code fields with beautiful design and animations

A flutter package which will help you to generate pin code fields with beautiful design and animations. Can be useful for OTP or pin code inputs ?? ??

Adar 550 Dec 23, 2022
A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations.

flutter_animated_dialog A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations. Dialog barrier i

null 20 Dec 3, 2022
A flutter package which contains a collection of some cool and beautiful effects; support android and ios

flutter effects A flutter package which contains a collection of some cool and beautiful effects; support android and ios . Screenshot type support ch

大海豚 462 Jan 3, 2023
A widget for stacking cards, which users can swipe horizontally and vertically with beautiful animations.

A widget for stacking cards, which users can swipe horizontally and vertically with beautiful animations.

HeavenOSK 97 Jan 6, 2023
A catalog of beautiful, reusable and elegant animations

Animations Catalog The goal of this project is to catalog and build multiple animation patterns with flutter. Budget App Animation Harley Swipe To Enl

null 3 Sep 6, 2021
A beautiful animated onboarding app.

Animated Onboarding Made with ?? in India This flutter app is made just to demonstrate how to we can make an animated onboarding experience that looks

Shubham Soni 117 Dec 4, 2022
Beautiful Animated ListView and GridView

staggered_animated_listview Beautiful Animated ListView and GridView Online Preview Getting Started This project is a starting point for a Flutter app

Elyas Sekhavati Nia 1 Dec 11, 2021