Skip to content
  • Flutterflow Apps
  • Figma UI Kits
  • Learn Flutterflow
  • About Us
My Account
About

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.

Home
›
Flutterflow
›
Bottom Navigation Bar V11

Bottom Navigation Bar V11

Preview
We’ll build your app in 7 days
  • Fixed price & scope
  • Pixel-perfect UI/UX
  • App Store & Google Play submission
Get a Quote
Features
  • Animation
  • Filters
Categories
  • E-Commerce
  • Entertainment
  • Game
Style
  • Clean
  • Minimal
  • Neumorphic
Support
  • Contact us
  • Video tutorials
Single Use Individual License

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

Related Products
See more
  • App templates
    $50
    Weatherly - Live Weather Forecast App
  • App templates
    $190
    Story Teller – Stories for Kids App Template 📖✨
  • App templates
    $190
    Podster – Ultimate Podcast App 🎧
  • App templates
    $190
    Medix - Doctor Appointment App 👨‍⚕️ 💬
  • App templates
    $190
    Houzy - Ultimate Real Estate App Template 📱🏠
  • App templates
    $190
    Eventy - Ultimate Event Booking App Template 🎉🎶🎨
Make it simple, make it beautiful, make it fast. Every day of delay is users lost. Let’s ship Flutterrflow app quickly!
Resources
  • App templates
  • Components
  • Custom Actions
  • Custom widgets
  • Icons Pack
  • Pages
Flutterflow apps
  • E-commerce
  • Education
  • Finance
  • Food
  • Health
  • Music
  • Video
Figma UI Kits
  • Social & Messaging Apps
  • E‑Commerce & Shopping
  • Health & Fitness
  • Finance & Budgeting
  • Travel & Booking
  • Educational & eLearning
Find us at
  • YouTube
  • Twitter
  • Product Hunt
  • Telegram
  • Behance
  • Email us

Be the first to learn about special offers and important updates 🔔

Get the latest updates, tips, and exclusive offers from Webnum.com
Subscription Form
© 2025 Webnum. All rights reserved.
  • License
  • Terms & Conditions
  • Privacy policy
Cart Panel 0
By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.
Accept
  • Flutterflow Apps
  • Figma UI Kits
  • Learn Flutterflow
  • About Us
Contact us