About

A minimal icon-only bottom bar with a soft circular bubble behind the active tab. Clean, spacious, and distraction-free—perfect for apps that favor icons over labels (e.g., Home, Wallet, Analytics, Profile).

Functionality

  • Bubble highlight for the selected tab with adjustable size, color, and opacity.

  • Icon-only layout (optional labels toggle).

  • Active/Inactive states with separate colors and alpha.

  • Smooth animations on tab change (fade/scale/slide).

  • Badges (dot/count) per tab for notifications.

  • Routing ready: bind taps to go_router, auto_route, or custom flows.

  • Safe-area aware; supports gesture insets and device notches.

  • Theming: icon set, sizes, spacing, bubble radius, shadows, and backgrounds.

  • Hide-on-scroll / auto-reveal behavior (optional).

  • Haptics & ripple feedback for delightful interaction.

  • State persistence to restore the last selected tab.

  • Accessibility: large hit targets, semantic tab roles, high-contrast mode.

  • Localization & RTL support for global apps.

Keywords: bottom navigation, bottom nav bar, bubble highlight, circular highlight, active tab, icon only, minimalist nav, badges, notification dot, animated tabs, fade scale, routing, go_router, auto_route, safe area, notch support, gesture insets, elevation, shadow, theming, icon size, spacing, dark mode, light mode, accessibility, RTL, localization, hide on scroll, iOS, Android, Material 3, Cupertino, Flutter widget, FlutterFlow component, app shell, persistent navigation, modern UI.

Bottom Navigation Bar V6

We’ll build your app in 7 days
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.