π 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
| 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