zeba_academy_dashboard_pro 1.0.0

Professional Flutter dashboard UI package featuring KPI cards, metrics widgets, timelines, dashboard grids, and responsive admin layouts.

zeba_academy_dashboard_pro

A professional Flutter dashboard UI package providing beautiful KPI cards, metrics widgets, timelines, dashboard grids, and responsive admin layouts for modern web and mobile applications.

Designed for:

• SaaS Dashboards
• Admin Panels
• Analytics Platforms
• CRM Systems
• ERP Applications
• Monitoring Tools
• Business Intelligence Apps

---

✨ Features

📊 KPI Cards

Display key business metrics with clean, modern dashboard cards.

📈 Metrics Widgets

Visualize performance and progress with metric indicators.

🗂 Dashboard Grids

Responsive dashboard layouts that automatically adapt to screen size.

🕒 Timelines

Display activities, logs, events, and workflows in timeline format.

🖥 Admin Layouts

Ready-to-use admin scaffolds with navigation support.

🎨 Theme Support

Works seamlessly with Material 3, Light Mode, and Dark Mode.

📱 Responsive Design

Optimized for:

• Mobile
• Tablet
• Desktop
• Flutter Web

---

Installation

Add the dependency to your pubspec.yaml:

dependencies:
  zeba_academy_dashboard_pro: latest

Then run:

flutter pub get

---

Quick Start

Import the package:

import 'package:zeba_academy_dashboard_pro/zeba_academy_dashboard_pro.dart';

---

KPI Card Example

DashboardCard(
  title: 'Revenue',
  value: '\$54,300',
  icon: Icons.attach_money,
  color: Colors.green,
  change: '+12%',
)

---

Metrics Widget Example

MetricIndicator(
  label: 'Server Usage',
  value: 0.78,
  color: Colors.blue,
)

---

Timeline Example

DashboardTimeline(
  items: [
    TimelineItem(
      title: 'User Registered',
      subtitle: 'John Doe',
      date: DateTime.now(),
    ),
  ],
)

---

Dashboard Grid Example

DashboardGrid(
  children: [
    DashboardCard(
      title: 'Users',
      value: '10,000',
      icon: Icons.people,
      color: Colors.blue,
      change: '+8%',
    ),
  ],
)

---

Admin Layout Example

AdminLayout(
  body: Center(
    child: Text('Dashboard'),
  ),
)

---

Complete Example

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

void main() {
  runApp(const DashboardApp());
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: DashboardTheme.light(),
      home: AdminLayout(
        body: SingleChildScrollView(
          padding: const EdgeInsets.all(20),
          child: Column(
            children: [
              DashboardGrid(
                children: const [
                  DashboardCard(
                    title: 'Revenue',
                    value: '\$54,300',
                    icon: Icons.attach_money,
                    color: Colors.green,
                    change: '+12%',
                  ),
                  DashboardCard(
                    title: 'Users',
                    value: '18,400',
                    icon: Icons.people,
                    color: Colors.blue,
                    change: '+8%',
                  ),
                ],
              ),
              SizedBox(height: 20),
              MetricIndicator(
                label: 'Server Usage',
                value: 0.78,
                color: Colors.blue,
              ),
            ],
          ),
        ),
      ),
    );
  }
}

---

Included Widgets

Widget	Description
DashboardCard	KPI and statistics cards
DashboardGrid	Responsive dashboard layout
DashboardTimeline	Timeline and activity feed
MetricIndicator	Progress and metrics visualization
AdminLayout	Admin dashboard scaffold
DashboardTheme	Dashboard-specific theme helpers

---

Platform Support

Platform	Supported
Android	✅
iOS	✅
Web	✅
Windows	✅
macOS	✅
Linux	✅

---

Roadmap

Version 1.x

• KPI Cards
• Metrics Widgets
• Dashboard Grid
• Timeline Widgets
• Admin Layouts
• Material 3 Support

Version 2.x

• Analytics Charts
• Data Tables
• Sidebar Navigation Rail
• Activity Feeds
• Dashboard Builder
• Drag-and-Drop Widgets

---

License

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

You may:

• Use
• Modify
• Distribute
• Share

Under the terms of the GPL-3.0 License.

See the LICENSE file for full details.

---

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 https://sufyanism.com/

Or connect with me on LinkedIn:

https://www.linkedin.com/in/sufyanism

---

Your all-in-one learning hub!

🚀 Explore courses and resources in coding, tech, and development at Zeba Academy.

Empower yourself with practical skills through curated tutorials, real-world projects, and hands-on experience.

Level up your tech game today! 💻✨

Resources

➡ Main Website: https://zeba.academy

➡ Coding Platform: https://code.zeba.academy

➡ YouTube: https://www.youtube.com/@zeba.academy

➡ Instagram: https://www.instagram.com/zeba.academy/

---

❤️ Support

If you find this package useful:

• Star the repository
• Share it with the Flutter community
• Contribute improvements
• Report issues and suggestions

Your support helps make open-source better for everyone.

---

Made with Flutter ❤️ by Sufyan bin Uzayr and Zeba Academy