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 #

Platform Support #

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