Neumorphic bottom navigation bar for dark UIs with neon accents β¨
A premium bottom nav built for FlutterFlow that looks π₯ on iOS & Android. The active tab pops into a pill highlight (icon + label), the bar βfloatsβ with layered shadows, and everything is configurable (36 params) for production-ready apps. ππ§ͺ
Functionality
-
π Neon / glassmorphism: dark surface, soft blur feel, luminous outline accent.
-
π’ Pill highlight state: active tab becomes a compact chip with icon + text.
-
πͺ Floating depth: stacked shadows for a lifted, dock-like appearance.
-
β‘ Micro-interactions: color morph, scale & slide animations with custom curves/duration.
-
π Badges ready: dot or numeric counters per tab (cart, inbox, alerts).
-
πΌοΈ Icon & label controls: sizes, weights, spacing, per-tab visibility.
-
π¨ Theme-aware: easy accent theming (neon 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: perfect with notches and system gestures.
-
βΏ Accessibility & RTL: large hit targets, semantic roles, high contrast, full localization.
-
π§ Router-friendly: simple onTap wiring to GoRouter / AutoRoute / Flow Actions.
Great for: ecommerce ποΈ, socials π¬, media apps π§, fintech π³ β any product that wants a sleek, glowing bottom nav.
Keywords: neumorphic bottom navigation bar, Bottom Navigation Bar Widget FlutterFlow, neon glow navbar, glassmorphism navigation, pill highlight tab bar, floating bottom bar, animated bottom tabs FlutterFlow, custom bottom navigation widget, tab badges, sticky nav, hide on scroll, safe area navbar, GoRouter AutoRoute nav, dark mode navigation bar, iOS Android bottom navigation.
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.