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

Example GIF

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.