Flutter Gems is a curated list of 5600+ useful Dart & Flutter packages that are categorized based on functionality.

Discord Medium LinkedIn Twitter

Top Flutter Background Effects, Gradients and Shaders packages

Last updated: April 2, 2024

A background can be added to a Flutter app that usually appears underneath other widgets. It can be a static image, a gradient, a motion effect backgroud or can utilize shaders to render realistic effects. Backgrounds help in adding depth to an app.

The complete list of Flutter packages that can add Background Images, Background Effects, Gradients & Shaders to Flutter apps is provided below.

animate_gradient Card Image
Dart 3 compatible 👍 120
Maintenance Status: Good

This Package lets you make animated gradients without any hassle. Just pass the primary and secondary colors and you're done.

animated_glitch Card Image
Dart 3 compatible 👍 75
Maintenance Status: Good

Animated Glitch is a Flutter package that allows you to easily create glitch effects and control them

weather_animation Card Image
Dart 3 compatible 👍 70
Maintenance Status: Good

The package contains beautiful weather animations. Easy setup with the weather configurator!

floating_bubbles Card Image
Dart 3 compatible 👍 69
Maintenance Status: Good

A Flutter Package for adding Floating bubbles on the Foreground to any Flutter widget.

parallax_rain Card Image
Dart 3 compatible 👍 67
Maintenance Status: Good

Use this package to create cool 3D rain effects. Customize with multiple colors, different raindrop speeds, drop trail effects and more!

Dart 3 compatible 👍 58
Maintenance Status: Good

A collection of utilities for working with the FragmentProgram API in Flutter.

vitality Card Image
Dart 3 compatible 👍 57
Maintenance Status: Good

Add captivating live animations to your Flutter app effortlessly with Vitality!

Dart 3 compatible 👍 56
Maintenance Status: Good

Reflective visual for flutter apps.

newton_particles Card Image
Dart 3 compatible 👍 53
Maintenance Status: Good

Create stunning animations with configurable particle emitters. Add rain, smoke, and more effects to your Flutter app!

magnifying_glass Card Image
Dart 3 compatible 👍 33
Maintenance Status: Good

Flutter real-time magnifying glass lens widget with Barrel/Pincushion distortion.

parallax_bg Card Image
Dart 3 compatible 👍 27
Maintenance Status: Good

Create beautiful & interactive parallax backgrounds

flutter_opengl Card Image
Dart 3 compatible 👍 13
Maintenance Status: Good

Flutter plugin to bind a Texture widget to an OpenGL ES context. Many ShaderToy shaders can be used

particle_field Card Image
Dart 3 compatible 👍 117
Maintenance Status: Average

A Flutter Widget for adding high performance custom particle effects to your UI.

parallax_sensors_bg Card Image
Dart 3 compatible 👍 84
Maintenance Status: Average

Flutter package to simplify giving a parallax effect in the background of a page that responds to a corresponding sensor detection.

patterns_canvas Card Image
Dart 3 compatible 👍 82
Maintenance Status: Average

Draw patterns like stripes or dots on canvas elements or widgets.

metaballs Card Image
Dart 3 compatible 👍 69
Maintenance Status: Average

A metaballs implementation for flutter using webgl on the web and the shader package on other devices

shader Card Image
Dart 3 compatible 👍 61
Maintenance Status: Average

Command-line application for compiling GLSL shaders into Flutter-compatible SPR-V byte code.

particles_fly Card Image
Dart 3 compatible 👍 39
Maintenance Status: Average

A package that provides an easy way to add particles js in flutter project.

parallax_effect Card Image
Dart 3 compatible 👍 36
Maintenance Status: Average

Parallax effect animations for all platforms.

Dart 3 compatible 👍 34
Maintenance Status: Average

Umbra CLI allows Flutter developers to create their own shaders and compile them to strongly typed dart files.

fancy_containers Card Image
Dart 3 compatible 👍 33
Maintenance Status: Average

Fancy Containers Flutter Package

live_background Card Image
Dart 3 compatible 👍 29
Maintenance Status: Average

Provide nice moving particle bokeh effect wall paper on your background.

Dart 3 compatible 👍 268
Maintenance Status: Poor

Animated Backgrounds for Flutter. Easily extended to paint whatever you want on the canvas.

Dart 3 compatible 👍 143
Maintenance Status: Poor

A flutter package for particle animation. You can control the animation speed, number of Particles on the screen, dimension and shape of particle via connecting lines,etc.

Dart 3 compatible 👍 98
Maintenance Status: Poor

Wrap a widget with Foil, providing a rainbow shimmer that twinkles as the accelerometer moves as well as tons of neat gradient features.

Dart 3 compatible 👍 88
Maintenance Status: Poor

A minimal set of Flutter widgets encased with beautiful gradients.

Dart 3 compatible 👍 72
Maintenance Status: Poor

Provide a variety of weather background animation effects, covering 15 weather types, including sunny,rain,snow...

Dart 3 compatible 👍 55
Maintenance Status: Poor

A widget that works like a scaffold, except that you can set a gradient as background.

Dart 3 compatible 👍 36
Maintenance Status: Poor

View elements in a global scene through local windows. Create effects which visually connect separate UI elements.

Dart 3 compatible 👍 36
Maintenance Status: Poor

Flutter package containing a variety of simple 2D effects. Point Lights, Light Beams, fire and Lightning Bolts so far.

Dart 3 compatible 👍 35
Maintenance Status: Poor

A very colourful extension to create awesome Aurora gradients.

Dart 3 compatible 👍 28
Maintenance Status: Poor

Widget to easily create aurora gradient backgrounds for your flutter app

👍 56
Maintenance Status: Poor

Provide a variety of weather background animation effects, covering 15 weather types, including sunny,rain,snow...

👍 36
Maintenance Status: Poor

A package for creating water drops on top of your widgets.