What Are the Top Flutter Packages for Speed, Stability and Productivity?Part-1

8 Best Flutter packages you can’t avoid to use in your next project.

Read part 2 :)

What Are the Top Flutter Packages for Speed, Stability, and Productivity? Part-2

Hi to everyone, in this article we are going to talk about the most useful Flutter packages to use in your next project.

1. sizer

It is a flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Which means you can write a simple code and it works on every phones, tablets etc. Absolutely brilliant right?

Image by Plugin creator

Image by Plugin creator

The link to access the documentation can be found by clicking here.

Installation ⬇️

Add to pubspec.yaml.

dependencies:
  ...
  sizer: ^2.0.15
$flutter pub add sizer

2. device_preview

This is a amazing package to test your application on multiple device .It Approximately shows how your app looks and performs on another device.

The link to access the documentation can be found by clicking here.

Installation ⬇️

Add to pubspec.yaml.

dependencies:
  ...
  device_preview 1.1.0

It might not work on Flutter 3.0 due to some bugs ,until it is fixed by the developer everyone can use this git fork.

# Using a fork with fixes for flutter 3 until they are applied to the package
  device_preview:
    git:
      url: https://github.com/monkeydaichan/flutter_device_preview.git
      path: device_preview

3. google_fonts

It is a flutter package to use fonts from fonts.google.com.It supports HTTP fetching at runtime, ideal for development. Can also be used in production to reduce app size.

The link to access the documentation can be found by clicking here.

Installation ⬇️

Add to pubspec.yaml.

dependencies:
  ...
google_fonts 3.0.1

4. animations

High quality pre-built animations for Flutter.

This package contains pre-canned animations for commonly-desired effects. The animations can be customized with your content and dropped into your application to delight your users.

The link to access the documentation can be found by clicking here.

Installation ⬇️

Add to pubspec.yaml.

dependencies:
  ...
animations 2.0.3

5.flutter_vibrate

A Flutter plugin to vibrate the device. This uses all the current Haptic Feedback APIs from Apple and provides similar feedback on Android.

The link to access the documentation can be found by clicking here.

Make sure you add the following permissions to your Android Manifest

<uses-permission android:name="android.permission.VIBRATE"/>

Installation ⬇️

Add to pubspec.yaml.

dependencies:
  ...
flutter_vibrate 1.3.0

6.font_awesome_flutter

Font awesome

Flutter gives an inbuilt icon pack to use in your app, but it has very few icon sets, so you have to depend on other icon packs. Font Awesome is one of the best icon packs for flutter or web applications. See the example below and learn how to use Font Awesome Icons in your App.

The link to access the documentation can be found by clicking here.

Installation ⬇️

Add to pubspec.yaml.

dependencies:
  ...
font_awesome_flutter 10.1.0

7.awesome_dialog

This package provides prebuilt floating dialogs to use in your flutter project.It is highly customizable and easy to implement.

The link to access the documentation can be found by clicking here.

Installation ⬇️

Add to pubspec.yaml.

dependencies:
  ...
awesome_dialog 2.2.1

8. cached_network_image

It is a flutter library to show images from the internet and keep them in the cache directory.

The link to access the documentation can be found by clicking here.

Installation ⬇️

Add to pubspec.yaml.

dependencies:
  ...
cached_network_image 3.2.1

You can understand each step when you start implementing it on your own. I have added comment lines. In case you are stuck at any point feel free to message me on LinkedIn.

Support Me:

• Github
• LinkedIn

Relax you are a Pro now! If you gain some knowledge from this article give me start 🌟🌟🌟 on gihub .