zeba_academy_loader 0.0.1 copy "zeba_academy_loader: ^0.0.1" to clipboard
zeba_academy_loader: ^0.0.1 copied to clipboard

A lightweight, customizable Flutter loader package with circular, linear, dots, and skeleton loaders.

šŸŒ€ Zeba Academy Loader #

A lightweight, customizable Flutter loader package with multiple animated loaders, skeleton loading support, and global theme integration.

Built for modern Flutter apps with clean UI and smooth performance.


✨ Features #

  • šŸ”µ Circular Loader
  • āž– Linear Loader
  • šŸ’™ Animated Dots Loader
  • 🧱 Skeleton Loading Shimmer
  • šŸŽØ Custom Colors & Sizes
  • šŸŒ— Global Theme Support
  • ⚔ Smooth Animations
  • šŸ“¦ Easy Integration
  • šŸš€ Lightweight & Fast

šŸ“¦ Installation #

Add this to your pubspec.yaml:

dependencies:
  zeba_academy_loader: ^0.0.1

Then run:

flutter pub get
šŸš€ Quick Start
import 'package:flutter/material.dart';
import 'package:zeba_academy_loader/zeba_academy_loader.dart';

void main() {
  runApp(const MyApp());
}
šŸ”µ Circular Loader
ZACircularLoader(
  size: 40,
  color: Colors.blue,
  strokeWidth: 3,
)
āž– Linear Loader
ZALinearLoader(
  height: 4,
  color: Colors.green,
)
šŸ’™ Dots Loader
ZADotsLoader(
  color: Colors.purple,
  size: 10,
)
🧱 Skeleton Loader
ZASkeletonLoader(
  height: 20,
  width: 200,
)
šŸŽØ Global Theme Setup
ZALoaderThemeProvider(
  theme: const ZALoaderTheme(
    primaryColor: Colors.purple,
    backgroundColor: Colors.grey,
    skeletonBase: Color(0xFFE0E0E0),
    skeletonHighlight: Color(0xFFF5F5F5),
  ),
  child: MaterialApp(
    home: Scaffold(
      body: Center(
        child: ZACircularLoader(),
      ),
    ),
  ),
);
šŸ“ Package Structure
lib/
 ā”œā”€ā”€ zeba_academy_loader.dart
 ā”œā”€ā”€ src/
 │    ā”œā”€ā”€ circular_loader.dart
 │    ā”œā”€ā”€ linear_loader.dart
 │    ā”œā”€ā”€ dots_loader.dart
 │    ā”œā”€ā”€ skeleton_loader.dart
 │    ā”œā”€ā”€ loader_theme.dart
 │    ā”œā”€ā”€ loader_controller.dart
🧠 Use Cases
API loading states
Page transitions
Form submission loading
Dashboard skeleton screens
Button loading indicators
⚔ Example
Scaffold(
  body: Center(
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: const [
        ZACircularLoader(),
        SizedBox(height: 20),
        ZALinearLoader(),
        SizedBox(height: 20),
        ZADotsLoader(),
        SizedBox(height: 20),
        ZASkeletonLoader(height: 20, width: 200),
      ],
    ),
  ),
);
šŸ§‘ā€šŸ’» About Me

✨ I’m Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects.
You can learn more about me and my work at sufyanism.com or connect with me on LinkedIn

šŸš€ Your all-in-one learning hub

Explore courses and resources in coding, tech, and development at:

🌐 https://zeba.academy
šŸ’» https://code.zeba.academy
šŸ“ŗ https://www.youtube.com/@zeba.academy
šŸ“ø https://www.instagram.com/zeba.academy/
šŸ“œ License

This project is licensed under the GNU General Public License v3.0 (GPL-3.0).

You are free to:

Use
Modify
Distribute

Under the terms of the GPL license.

See full license text here:
https://www.gnu.org/licenses/gpl-3.0.html

ā¤ļø Support

If you like this package:

⭐ Star the repository
šŸ” Share with developers
šŸš€ Contribute improvements
0
likes
140
points
64
downloads

Documentation

API reference

Publisher

verified publisherzeba.academy

Weekly Downloads

A lightweight, customizable Flutter loader package with circular, linear, dots, and skeleton loaders.

Homepage

License

GPL-3.0 (license)

Dependencies

flutter

More

Packages that depend on zeba_academy_loader