πŸš€ Lumo Loader

Pub Version Pub Likes Pub Points Popularity

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

Loader Status
Circle Loader βœ…
Bar Loader βœ…
Cube Loader βœ…
Dots Loader βœ…
Orbit Loader βœ…
Pulse Loader βœ…
Ring Loader βœ…
Spinner Loader βœ…
Wave Loader βœ…

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.

Property Description
size Loader size
color Loader color
duration Animation duration

Some loaders also support:

Property Description
width Bar width
height Bar height
barCount Number of bars

πŸ“± 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

Libraries

lumo_loader