zeba_academy_dashboard_pro

License: GPL v3 Flutter Pub Version

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

Libraries

zeba_academy_dashboard_pro