▲
Flutter Gems logo Flutter Gems 📝 Articles

  

Add Package   /   Feedback
Flutter GemsFlutter Gems

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

Discord Medium LinkedIn Twitter

SUPPORTED BY 🚨

API Dash is a beautiful open source cross-platform API client powered by Flutter which can help you easily create API requests, visually inspect responses and generate API integration code. Click here to check it out!

Top Flutter Background Effects, Gradients and Shaders packages

Last updated: October 19, 2025

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.

flutter_shaders
👍 116   ⬇️ 833K
Dart 3 compatible
Maintenance Status: Average

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

READ MORE
animated_background
👍 307   ⬇️ 2.3K
Dart 3 compatible
Maintenance Status: Poor

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

READ MORE
mesh_gradient Card Image
mesh_gradient
👍 258   ⬇️ 27.1K
Dart 3 compatible
Maintenance Status: Average

Widgets which create beautiful fluid-like mesh gradients in Flutter.

READ MORE
animate_gradient Card Image
animate_gradient
👍 186   ⬇️ 4.1K
Dart 3 compatible
Maintenance Status: Good

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

READ MORE
particles_flutter Card Image
particles_flutter
👍 174   ⬇️ 1.3K
Dart 3 compatible
Maintenance Status: Average

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.

READ MORE
mesh Card Image
mesh
👍 157   ⬇️ 7.8K
Dart 3 compatible
Maintenance Status: Good

Fast and highly customizable animated Mesh Gradients for Flutter applications. Using Shaders and vertices.

READ MORE
particle_field
👍 139   ⬇️ 10.3K
Dart 3 compatible
Maintenance Status: Poor

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

READ MORE
weather_animation Card Image
weather_animation
👍 126   ⬇️ 450
Dart 3 compatible
Maintenance Status: Good

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

READ MORE
newton_particles Card Image
newton_particles
👍 110   ⬇️ 9.4K
Dart 3 compatible
Maintenance Status: Average

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

READ MORE
parallax_sensors_bg
👍 114   ⬇️ 185
Dart 3 compatible
Maintenance Status: Poor

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

READ MORE
patterns_canvas Card Image
patterns_canvas
👍 107   ⬇️ 6.3K
Dart 3 compatible
Maintenance Status: Average

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

READ MORE
animated_glitch
👍 102   ⬇️ 21
Dart 3 compatible
Maintenance Status: Poor

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

READ MORE
metaballs
👍 97   ⬇️ 678
Dart 3 compatible
Maintenance Status: Poor

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

READ MORE
reflective_visual
👍 92   ⬇️ 76
Dart 3 compatible
Maintenance Status: Average

Reflective visual for flutter apps.

READ MORE
floating_bubbles Card Image
floating_bubbles
👍 86   ⬇️ 5.1K
Dart 3 compatible
Maintenance Status: Average

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

READ MORE
parallax_rain Card Image
parallax_rain
👍 88   ⬇️ 139
Dart 3 compatible
Maintenance Status: Average

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

READ MORE
flutter_weather_bg_null_safety
👍 75   ⬇️ 206
Dart 3 compatible
Maintenance Status: Poor

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

READ MORE
aura_box
👍 71   ⬇️ 600
Dart 3 compatible
Maintenance Status: Poor

Flutter Widget that combines multiple radial gradients and blur effect.

READ MORE
vitality Card Image
vitality
👍 69   ⬇️ 87
Dart 3 compatible
Maintenance Status: Average

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

READ MORE
shader
👍 63   ⬇️ 35
Dart 3 compatible
Maintenance Status: Poor

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

READ MORE
scaffold_gradient_background
👍 60   ⬇️ 8
Dart 3 compatible
Maintenance Status: Poor

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

READ MORE
snow_fall_animation Card Image
snow_fall_animation
👍 56   ⬇️ 3
Dart 3 compatible
Maintenance Status: Good

A Flutter plugin that creates beautiful snowfall animations and effects

READ MORE
particles_fly Card Image
particles_fly
👍 51   ⬇️ 165
Dart 3 compatible
Maintenance Status: Average

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

READ MORE
shader_buffers Card Image
shader_buffers
👍 50   ⬇️ 414
Dart 3 compatible
Maintenance Status: Good

Using shaders to feed a shader. Make shaders simplier to use with a focus on the ShaderToy.com website.

READ MORE
dynamic_background Card Image
dynamic_background
👍 50   ⬇️ 119
Dart 3 compatible
Maintenance Status: Good

Allows developers to create animated backgrounds for their Flutter apps.

READ MORE
magnifying_glass Card Image
magnifying_glass
👍 46   ⬇️ 464
Dart 3 compatible
Maintenance Status: Average

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

READ MORE
particles_network Card Image
particles_network
👍 44   ⬇️ 264
Dart 3 compatible
Maintenance Status: Good

A performant and customizable interactive particle network widget for Flutter. Ideal for background animations, landing pages, and visual effects.

READ MORE
fancy_containers
👍 42   ⬇️ 64
Dart 3 compatible
Maintenance Status: Poor

Fancy Containers Flutter Package

READ MORE
particular Card Image
particular
👍 42   ⬇️ 49
Dart 3 compatible
Maintenance Status: Good

The Particular is a high performance particle effects flutter widget.

READ MORE
shader_presets Card Image
shader_presets
👍 41   ⬇️ 171
Dart 3 compatible
Maintenance Status: Good

A bunch of ready to use shader presets using shader_buffers package

READ MORE
parallax_effect
👍 41   ⬇️ 37
Dart 3 compatible
Maintenance Status: Poor

Parallax effect animations for all platforms.

READ MORE
live_background
👍 40   ⬇️ 33
Dart 3 compatible
Maintenance Status: Poor

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

READ MORE
glopos
👍 39   ⬇️ 21
Dart 3 compatible
Maintenance Status: Poor

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

READ MORE
awesome_aurora_gradient
👍 39   ⬇️ 2
Dart 3 compatible
Maintenance Status: Poor

A very colourful extension to create awesome Aurora gradients.

READ MORE
cool_background_animation
👍 38   ⬇️ 69
Dart 3 compatible
Maintenance Status: Good

A Flutter package for stunning and customizable background animations.

READ MORE
eeffects
👍 38   ⬇️ 37
Dart 3 compatible
Maintenance Status: Poor

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

READ MORE
aurora
👍 35   ⬇️ 508
Dart 3 compatible
Maintenance Status: Poor

Widget to easily create aurora gradient backgrounds for your flutter app

READ MORE
umbra_cli
👍 35   ⬇️ 35
Dart 3 compatible
Maintenance Status: Poor

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

READ MORE
background Card Image
background
👍 33   ⬇️ 168
Dart 3 compatible
Maintenance Status: Good

A Flutter package to display images or videos as backgrounds.

READ MORE
flutter_moving_background Card Image
flutter_moving_background
👍 31   ⬇️ 98
Dart 3 compatible
Maintenance Status: Average

A Flutter Package to create beautiful and animated backgrounds,such as gradients ,circular forms and particles

READ MORE
parallax_bg Card Image
parallax_bg
👍 31   ⬇️ 43
Dart 3 compatible
Maintenance Status: Average

Create beautiful & interactive parallax backgrounds

READ MORE
animated_gradient
👍 27   ⬇️ 4.9K
Dart 3 compatible
Maintenance Status: Average

plugin to create animated gradient background with muliple color in flutter project

READ MORE
starsview
👍 28   ⬇️ 141
Dart 3 compatible
Maintenance Status: Poor

AnimatedStarsView for Flutter. The widget provides a view with an animated starry night sky effect.

READ MORE
gen_art_bg Card Image
gen_art_bg
👍 21   ⬇️ 219
Dart 3 compatible
Maintenance Status: Good

Flutter Animated Generative Art Backgrounds collection. Can be used as a background or separately.

READ MORE
flutter_opengl
👍 19   ⬇️ 42
Dart 3 compatible
Maintenance Status: Poor

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

READ MORE
lava_lamp_effect Card Image
lava_lamp_effect
👍 6   ⬇️ 112
Dart 3 compatible
Maintenance Status: Good

A widget that provides a customizable lava lamp effect with fluid animations, adjustable colors, sizes, and speeds.

READ MORE
foil
👍 110   ⬇️ 7

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.

READ MORE
gradient_widgets
👍 90   ⬇️ 991

Maintenance Status: Poor

A minimal set of Flutter widgets encased with beautiful gradients.

READ MORE
flutter_weather_bg
👍 56   ⬇️ 73

Maintenance Status: Poor

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

READ MORE
water_drop
👍 36   ⬇️ 20

Maintenance Status: Poor

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

READ MORE