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.

Libraries

dashboard_kit