dashboard_kit #

A themeable dashboard shell for Flutter. Import it, plug in your screens, and get a working dashboard — welcome header, quick actions, and bottom navigation — in minutes. Fully customizable via DashboardTheme.

Features #

• 🏠 DashboardScaffold — app bar, tab switching, and bottom nav, wired together
• 👋 DashboardHome — welcome header + quick action tiles, ready to use
• 🎨 DashboardTheme — control colors, radius, and shadows in one place
• 🧩 Fully generic — bring your own screens, icons, and labels

Getting started #

dependencies:
  dashboard_kit: ^0.1.0

Usage #

import 'package:dashboard_kit/dashboard_kit.dart';

DashboardScaffold(
  theme: const DashboardTheme(primaryColor: Colors.indigo),
  navItems: const [
    NavItem(icon: Icons.home_outlined, activeIcon: Icons.home, label: 'Home'),
    NavItem(icon: Icons.chat_bubble_outline, label: 'Chat'),
    NavItem(icon: Icons.person_outline, label: 'Profile'),
  ],
  screens: [
    DashboardHome(
      userName: 'Alex',
      quickActions: [
        QuickActionItem(icon: Icons.send, label: 'Send Money', onTap: () {}),
        QuickActionItem(icon: Icons.receipt_long, label: 'Split Bill', onTap: () {}),
      ],
    ),
    const ChatScreen(),
    const ProfileScreen(),
  ],
)

See the /example folder for a full runnable demo.

Additional information #

Issues and contributions welcome at the GitHub repo.