A premium bottom navigation bar built for dark UIs with neon-accent styling and a subtle glass effect. The active tab expands into a pill highlight with icon + label, while the bar itself floats with layered shadows for depth. Fully configurable (36 params) and production-ready for FlutterFlow apps on iOS and Android.
-
Neon/glass design: dark surface, soft blur feel, and luminous outline accent.
-
Pill highlight state: active tab becomes a compact chip (icon + text).
-
Floating depth: stacked shadows create a lifted, dock-like appearance.
-
Smooth micro-interactions: color morph, scale, and slide animations with custom curves/duration.
-
Badges ready: dot or numeric counters per tab (cart, inbox, alerts).
-
Icon & label controls: sizes, weights, spacing, and per-tab visibility.
-
Theme aware: easy color theming for neon accents (green by default).
-
Behavior options: initial index, sticky/overlay, hide on scroll, state persistence.
-
Haptics & ripple: tactile feedback with Material ripple on tap.
-
Safe-area & gestures: works perfectly with notches and system gestures.
-
Accessibility & RTL: large hit targets, semantic roles, high contrast, full localization.
-
Router friendly: simple
onTap
wiring to GoRouter/AutoRoute or Flow Actions.
Keywords: bottom navigation, nav bar, neon glow, glassmorphism, dark mode, pill highlight, chip tab, floating bar, animated tabs, icon label, tab badges, notification dot, material ripple, haptic feedback, safe area, notch support, sticky nav, hide on scroll, routing, GoRouter, AutoRoute, Flutter widget, FlutterFlow component, mobile navigation, custom theme, accent color, elevation shadow, micro-interaction, accessibility, RTL support, iOS, Android, production ready.
Bottom Navigation Bar V11
- Fixed price & scope
- Pixel-perfect UI/UX
- App Store & Google Play submission
You may only use this template for one project. For more details, please read the Marketplace Terms of Service.