See an Example here : https://movingbg.netlify.app/

Features

• X customizable moving circles
• X 1 move style
• X Can be translucent

To be implemented

• React Cursor Position (web only)
• Customize Circles
• Add More Shapes
• Paused or Moving Option
• On Background Tap Effects
• Particles Background

Supported Platforms

• Flutter Android
• Flutter iOS
• Flutter web
• Flutter desktop

Getting started

In your flutter project add the dependency:

dependencies:
  flutter_moving_background: ^0.0.3

Import the package:

import 'package:flutter_moving_background/flutter_moving_background.dart';

How to use

  MovingBackground(
    backgroundColor: Colors.white
    circles: const [
      MovingCircle(color: Colors.purple),
      MovingCircle(color: Colors.deepPurple),
      MovingCircle(color: Colors.orange),
      MovingCircle(color: Colors.orangeAccent),
    ]
  ),

Feel free to contribute to this project.

If you find a bug or want a feature, but don't know how to fix/implement it, please fill an issue.
If you fixed a bug or implemented a feature, please send a pull request.

Libraries

components/moving_circle

constants

controller

enums/animation_types

flutter_moving_background

A Flutter library for creating a moving background with customizable circles.

painters/circles_painter

rain_background

rain_custom_background