🚀 Lumo Loader #

Beautiful, modern and highly customizable loading animations for Flutter.

✨ Features #

• 🎨 Beautiful modern loaders
• ⚡ Smooth 60 FPS animations
• 🚀 Lightweight
• 📱 Responsive
• ❤️ Easy API
• 🎛 Highly customizable
• 🌙 Dark mode friendly
• 💯 Production ready

📦 Included Loaders #

More loaders are coming soon...

📥 Installation #

Add dependency

dependencies:
  lumo_loader: ^1.0.0

Run

flutter pub get

📚 Import #

import 'package:lumo_loader/lumo_loader.dart';

🚀 Usage #

Circle Loader #

Center(
  child: LumoLoader.circle(),
)

Custom

LumoLoader.circle(
  size: 60,
  color: Colors.blue,
  duration: Duration(milliseconds: 1000),
)

Bar Loader #

LumoLoader.bar()

LumoLoader.bar(
  width: 70,
  height: 45,
  color: Colors.red,
)

Cube Loader #

LumoLoader.cube()

LumoLoader.cube(
  size: 60,
  color: Colors.green,
)

Dots Loader #

LumoLoader.dots()

LumoLoader.dots(
  size: 50,
  color: Colors.orange,
)

Orbit Loader #

LumoLoader.orbit()

LumoLoader.orbit(
  size: 60,
  color: Colors.purple,
)

Pulse Loader #

LumoLoader.pulse()

LumoLoader.pulse(
  size: 70,
  color: Colors.red,
)

Ring Loader #

LumoLoader.ring()

LumoLoader.ring(
  size: 60,
  color: Colors.teal,
)

Spinner Loader #

LumoLoader.spinner()

LumoLoader.spinner(
  size: 55,
  color: Colors.amber,
)

Wave Loader #

LumoLoader.wave()

LumoLoader.wave(
  size: 70,
  color: Colors.indigo,
  barCount: 8,
)

⚙️ Customization #

Most loaders support the following properties.

Some loaders also support:

📱 Preview #

Circle #

Add GIF here

circle_loader.gif

Bar #

Add GIF here

bar_loader.gif

Cube #

Add GIF here

cube_loader.gif

Dots #

Add GIF here

dots_loader.gif

Orbit #

Add GIF here

orbit_loader.gif

Pulse #

Add GIF here

pulse_loader.gif

Ring #

Add GIF here

ring_loader.gif

Spinner #

Add GIF here

spinner_loader.gif

Wave #

Add GIF here

wave_loader.gif

🎯 Example #

import 'package:flutter/material.dart';
import 'package:lumo_loader/lumo_loader.dart';

class Example extends StatelessWidget {
  const Example({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.black,
      body: Center(
        child: LumoLoader.circle(
          size: 60,
          color: Colors.white,
        ),
      ),
    );
  }
}

❤️ Why Lumo Loader? #

• Easy API
• Beautiful Animations
• Lightweight
• Optimized
• Flutter Friendly
• Modern Design
• Production Ready
• Open Source

🛣 Roadmap #

Version 1.0 #

• ✅ Circle Loader
• ✅ Bar Loader
• ✅ Cube Loader
• ✅ Dots Loader
• ✅ Orbit Loader
• ✅ Pulse Loader
• ✅ Ring Loader
• ✅ Spinner Loader
• ✅ Wave Loader

Upcoming #

• ⏳ DNA Loader
• ⏳ Infinity Loader
• ⏳ Ripple Loader
• ⏳ Liquid Loader
• ⏳ Neon Loader
• ⏳ Gradient Loader
• ⏳ Hexagon Loader
• ⏳ Shimmer Loader
• ⏳ Morph Loader
• ⏳ Particle Loader

🤝 Contributing #

Contributions are welcome!

If you find a bug or have a feature request, please open an issue or submit a pull request.

⭐ Support #

If you like this package:

⭐ Star the GitHub repository

👍 Like it on pub.flutter-io.cn

🐛 Report issues

🚀 Happy Coding!

📄 License #

MIT License © Mehkaar Rana