cmx_capsule_nav #

A beautiful, custom animated floating capsule-style navigation bar for Flutter.

Features #

• Floating Design: A modern, floating capsule-style navigation bar.
• Smooth Animations: Morphing effects when switching between items.
• Highly Configurable: Customize colors, icons, animations, shadows, and more.
• Theme Support: Easily integrate with your app's theme.

Getting started #

Add the dependency to your pubspec.yaml:

dependencies:
  cmx_capsule_nav: ^0.0.1

Usage #

import 'package:cmx_capsule_nav/cmx_capsule_nav.dart';

CmxCapsuleNav(
  currentIndex: _selectedIndex,
  items: [
    CmxCapsuleNavItem(icon: Icons.home_outlined),
    CmxCapsuleNavItem(icon: Icons.chat_bubble_outline),
    CmxCapsuleNavItem(icon: Icons.person_outline),
  ],
  onTap: (index) {
    setState(() {
      _selectedIndex = index;
    });
  },
  theme: CmxCapsuleNavTheme.defaultTheme(context),
)

Configuration #

You can fully customize the navigation bar using the CmxCapsuleNavTheme class:

License #

MIT