šŸš€ zeba_academy_super_ui

A powerful Flutter UI toolkit for building modern dashboards, analytics apps, and admin panels with ease.

zeba_academy_super_ui provides ready-to-use widgets including advanced charts, animated dashboards, smart data tables, drag-and-drop widgets, and responsive layouts optimized for mobile, tablet, and web applications.


✨ Features

āœ… Advanced charts for analytics and data visualization āœ… Animated dashboard components āœ… Drag & drop widget layouts āœ… Smart data tables with flexible columns āœ… Responsive layout builder āœ… Optimized for Flutter Mobile & Web āœ… Clean, modern UI components āœ… Easy integration with existing Flutter apps


šŸ“ø Screenshots

Dashboard Widgets

Dashboard

Advanced Charts

Charts

Smart Data Table

Table

Drag & Drop Widgets

DragDrop


šŸ“¦ Installation

Add the package to your pubspec.yaml

dependencies:
  zeba_academy_super_ui: ^1.0.0

Then run:

flutter pub get

Import the package:

import 'package:zeba_academy_super_ui/zeba_academy_super_ui.dart';

🧩 Widgets Included

Widget Description
ZebaAdvancedChart Interactive line charts
ZebaAnimatedDashboard Animated dashboard cards
ZebaSmartDataTable Enhanced Flutter data tables
ZebaDragDropBoard Drag and drop UI widgets
ZebaResponsiveLayout Mobile / tablet / desktop responsive layouts

šŸ“Š Example Usage

Advanced Chart

ZebaAdvancedChart(
  data: [1, 3, 2, 5, 4, 6],
)

Animated Dashboard

ZebaAnimatedDashboard(
  cards: [
    Card(child: Text("Users")),
    Card(child: Text("Orders")),
    Card(child: Text("Revenue")),
  ],
)

Smart Data Table

ZebaSmartDataTable(
  columns: const [
    DataColumn(label: Text("Name")),
    DataColumn(label: Text("Email")),
  ],
  rows: const [
    DataRow(cells: [
      DataCell(Text("John")),
      DataCell(Text("john@email.com")),
    ]),
  ],
)

Drag & Drop Widgets

ZebaDragDropBoard(
  items: [
    Card(child: ListTile(title: Text("Widget 1"))),
    Card(child: ListTile(title: Text("Widget 2"))),
  ],
)

šŸ“± Responsive Layout

ZebaResponsiveLayout(
  mobile: MobileScreen(),
  tablet: TabletScreen(),
  desktop: DesktopScreen(),
)

šŸŽÆ Use Cases

zeba_academy_super_ui is perfect for:

• Admin dashboards • Analytics applications • CRM systems • Flutter web dashboards • Data visualization apps • SaaS platforms


šŸ”§ Example Project

See the full example in the example folder to explore all widgets and UI components included in this package.

Run the example:

cd example
flutter run

šŸ“œ 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 no-bloat hub!

šŸš€ Explore cutting-edge resources in coding, tech, and development at zeba.academy and code.zeba.academy. Empower yourself with practical skills through curated directives, 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/


⭐ If you find this package useful, please consider giving it a star on GitHub and sharing it with the Flutter community.

Thank you for visiting!