zeba_academy_dashboard 1.0.0
zeba_academy_dashboard: ^1.0.0 copied to clipboard
Beautiful responsive dashboard widgets for Flutter including analytics cards, animated charts, stat counters, and adaptive layouts.
zeba_academy_dashboard #
A powerful Flutter dashboard UI package featuring analytics cards, animated charts, stat counters, and responsive dashboard layouts.
✨ Features #
✅ Analytics Cards
✅ Animated Bar Charts
✅ Stats Counters
✅ Responsive Dashboard Layouts
✅ Lightweight & Fast
✅ Material Design Support
✅ Mobile, Tablet & Desktop Ready
✅ Easy Customization
📸 Preview #
Build beautiful dashboards for:
- Admin Panels
- Analytics Apps
- CRM Systems
- Finance Dashboards
- Educational Platforms
- Business Monitoring Tools
🚀 Installation #
Add the package to your pubspec.yaml.
dependencies:
zeba_academy_dashboard: ^1.0.0
Install dependencies:
flutter pub get
Import:
import 'package:zeba_academy_dashboard/zeba_academy_dashboard.dart';
📦 Included Widgets #
DashboardCard #
Beautiful analytics card widget.
DashboardCard(
title: "Revenue",
value: "\$25,000",
icon: Icons.attach_money,
)
StatCounter #
Animated number counter.
StatCounter(
value: 10000,
)
AnimatedBarChart #
Animated dashboard charts.
AnimatedBarChart(
data: const [
ChartData(label: "Mon", value: 20),
ChartData(label: "Tue", value: 40),
ChartData(label: "Wed", value: 70),
ChartData(label: "Thu", value: 30),
ChartData(label: "Fri", value: 90),
],
)
DashboardGrid #
Responsive dashboard layout.
DashboardGrid(
children: [
DashboardCard(
title: "Users",
value: "12,500",
icon: Icons.people,
),
],
)
🧩 Complete Example #
import 'package:flutter/material.dart';
import 'package:zeba_academy_dashboard/zeba_academy_dashboard.dart';
void main() {
runApp(const DashboardDemo());
}
class DashboardDemo extends StatelessWidget {
const DashboardDemo({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Dashboard Demo'),
),
body: SingleChildScrollView(
padding: const EdgeInsets.all(20),
child: Column(
children: [
DashboardGrid(
children: const [
DashboardCard(
title: "Revenue",
value: "\$25,000",
icon: Icons.attach_money,
),
DashboardCard(
title: "Users",
value: "12,500",
icon: Icons.people,
color: Colors.green,
),
DashboardCard(
title: "Orders",
value: "4,520",
icon: Icons.shopping_cart,
color: Colors.orange,
),
DashboardCard(
title: "Growth",
value: "+18%",
icon: Icons.trending_up,
color: Colors.purple,
),
],
),
SizedBox(height: 32),
SizedBox(
height: 220,
child: AnimatedBarChart(
data: const [
ChartData(label: "Mon", value: 20),
ChartData(label: "Tue", value: 40),
ChartData(label: "Wed", value: 70),
ChartData(label: "Thu", value: 30),
ChartData(label: "Fri", value: 90),
],
),
),
SizedBox(height: 32),
StatCounter(
value: 10000,
),
],
),
),
),
);
}
}
🎯 Use Cases #
- Admin Dashboards
- Learning Platforms
- Analytics Applications
- CRM Software
- Sales Monitoring
- Finance Tracking
- Business Intelligence Tools
- Reporting Systems
🛣 Roadmap #
Future releases may include:
- Line Charts
- Pie Charts
- Donut Charts
- KPI Widgets
- Sparkline Charts
- Dashboard Templates
- Data Tables
- Trend Indicators
- Glassmorphism Cards
- Dark Theme Enhancements
🤝 Contributing #
Contributions, issues, and feature requests are welcome.
If you'd like to improve this package, feel free to open an issue or submit a pull request.
📄 License #
This project is licensed under the GPL License.
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 zeba.academy and code.zeba.academy.
Empower yourself with practical skills through curated tutorials, real-world projects, and hands-on experience.
Level up your tech game today! 💻✨
Zeba Academy is a learning platform dedicated to coding, technology, and development.
➡ Visit our main site: https://zeba.academy
➡ Explore hands-on courses and resources at: https://code.zeba.academy
➡ Check out our YouTube for more tutorials: https://www.youtube.com/@zeba.academy
➡ Follow us on Instagram: https://www.instagram.com/zeba.academy/
Thank you for visiting! ❤️