Custom Bubble Bottom Bar

A customizable bubble bottom navigation bar for Flutter apps, with smooth animations, gradients, and labels.

Features

  • Bubble animation when active
  • Gradient support for active items
  • Customizable bubble size, active width, and height
  • Shows/hides label based on available width

Usage

import 'package:custom_bubble_bottom_bar/custom_bubble_bottom_bar.dart';

BubbleBottomBar(
  items: const [
    BubbleBottomBarItem(icon: Icons.home, label: 'Home'),
    BubbleBottomBarItem(icon: Icons.calendar_today, label: 'Calendar'),
    BubbleBottomBarItem(icon: Icons.track_changes, label: 'Target'),
    BubbleBottomBarItem(icon: Icons.build, label: 'Tools'),
    BubbleBottomBarItem(icon: Icons.person, label: 'Profile'),
  ],
  currentIndex: 0,
  onTap: (i) => print("Selected index: $i"),
);