Flutter Gems
Flutter Gems is a curated list of 5500+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Background Effects, Gradients and Shaders packages
Last updated: November 27, 2023
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.
particle_field
Dart 3 compatible 👍 104
Maintenance Status: Good
A Flutter Widget for adding high performance custom particle effects to your UI.
animate_gradient
Dart 3 compatible 👍 102
Maintenance Status: Good
This Package lets you make animated gradients without any hassle. Just pass the primary and secondary colors and you're done.
metaballs
Dart 3 compatible 👍 64
Maintenance Status: Good
A metaballs implementation for flutter using webgl on the web and the shader package on other devices
animated_glitch
Dart 3 compatible 👍 64
Maintenance Status: Good
Animated Glitch is a Flutter package that allows you to easily create glitch effects and control them
parallax_sensors_bg
Dart 3 compatible 👍 63
Maintenance Status: Good
Flutter package to simplify giving a parallax effect in the background of a page that responds to a corresponding sensor detection.
floating_bubbles
Dart 3 compatible 👍 61
Maintenance Status: Good
A Flutter Package for adding Floating bubbles on the Foreground to any Flutter widget.
weather_animation
Dart 3 compatible 👍 57
Maintenance Status: Good
The package contains beautiful weather animations. Easy setup with the weather configurator!
vitality
Dart 3 compatible 👍 52
Maintenance Status: Good
Add captivating live animations to your Flutter app effortlessly with Vitality!
reflective_visual
Dart 3 compatible 👍 52
Maintenance Status: Good
Reflective visual for flutter apps.
flutter_shaders
Dart 3 compatible 👍 52
Maintenance Status: Good
A collection of utilities for working with the FragmentProgram API in Flutter.
particles_fly
Dart 3 compatible 👍 36
Maintenance Status: Good
A package that provides an easy way to add particles js in flutter project.
magnifying_glass
Dart 3 compatible 👍 33
Maintenance Status: Good
Flutter real-time magnifying glass lens widget with Barrel/Pincushion distortion.
fancy_containers
Dart 3 compatible 👍 29
Maintenance Status: Good
Fancy Containers Flutter Package
live_background
Dart 3 compatible 👍 27
Maintenance Status: Good
Provide nice moving particle bokeh effect wall paper on your background.
flutter_opengl
Dart 3 compatible 👍 12
Maintenance Status: Good
Flutter plugin to bind a Texture widget to an OpenGL ES context. Many ShaderToy shaders can be used
patterns_canvas
Dart 3 compatible 👍 72
Maintenance Status: Average
Draw patterns like stripes or dots on canvas elements or widgets.
shader
Dart 3 compatible 👍 60
Maintenance Status: Average
Command-line application for compiling GLSL shaders into Flutter-compatible SPR-V byte code.
umbra_cli
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.
parallax_effect
Dart 3 compatible 👍 34
Maintenance Status: Average
Parallax effect animations for all platforms.
awesome_aurora_gradient
Dart 3 compatible 👍 34
Maintenance Status: Average
A very colourful extension to create awesome Aurora gradients.
animated_background
Dart 3 compatible 👍 249
Maintenance Status: Poor
Animated Backgrounds for Flutter. Easily extended to paint whatever you want on the canvas.
particles_flutter
Dart 3 compatible 👍 137
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.
gradient_widgets
Dart 3 compatible 👍 88
Maintenance Status: Poor
A minimal set of Flutter widgets encased with beautiful gradients.
foil
Dart 3 compatible 👍 83
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.
flutter_weather_bg_null_safety
Dart 3 compatible 👍 68
Maintenance Status: Poor
Provide a variety of weather background animation effects, covering 15 weather types, including sunny,rain,snow...
parallax_rain
Dart 3 compatible 👍 62
Maintenance Status: Poor
Use this package to create cool 3D rain effects. Customize with multiple colors, different raindrop speeds, drop trail effects and more!
scaffold_gradient_background
Dart 3 compatible 👍 50
Maintenance Status: Poor
A widget that works like a scaffold, except that you can set a gradient as background.
glopos
Dart 3 compatible 👍 36
Maintenance Status: Poor
View elements in a global scene through local windows. Create effects which visually connect separate UI elements.
eeffects
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.
parallax_bg
Dart 3 compatible 👍 27
Maintenance Status: Poor
Create beautiful & interactive parallax backgrounds
aurora
Dart 3 compatible 👍 26
Maintenance Status: Poor
Widget to easily create aurora gradient backgrounds for your flutter app
flutter_weather_bg
👍 55
Maintenance Status: Poor
Provide a variety of weather background animation effects, covering 15 weather types, including sunny,rain,snow...
water_drop
👍 36
Maintenance Status: Poor
A package for creating water drops on top of your widgets.