Give your app a premium feel with a floating capsule + animated spotlight ring around the active icon. Perfect for storefronts and content apps — crisp elevation, soft shadows, springy transitions, and readable labels (🏠 Home, 🔍 Search, 🛒 Cart, 👤 Profile).

⚙️ Functionality

• 💡 Animated spotlight ring on the selected tab (size, thickness, color, spring curve).

• 🔢 4–5 tabs, icon-only or icon + label; per-tab icons and active variants.

• 🫧 Floating capsule container with configurable corner radius, elevation, and shadow.

• 🎨 Active/Inactive styling with separate colors, opacity, and label weights.

• 🔔 Badges (counts or dots) on any tab.

• 🧭 onTap actions per tab; easy routing with go_router / auto_route.

• 🎬 Animate on init and on tab change with custom durations.

• 🙈 Hide-on-scroll / auto-reveal for immersive pages.

• 🛟 Safe-area aware; works with notches & gesture insets.

• 📳 Haptics & ripple feedback; optional long-press hints/tooltips.

• 📐 Layout controls: horizontal padding, item spacing, and hit-target size.

• ♻️ State persistence: restore last selected tab on reopen.

• 🖌️ Theming: light/dark, glass/blur, gradients, icon size/weight.

• ♿ Accessibility & RTL: semantic roles, high contrast, localized labels.

• 🚀 Performance-tuned: minimal rebuilds, GPU-accelerated animations.

Great for: ecommerce 🛍️, media 📺, social 💬, dashboards 📊, and any modern app shell.

Keywords: bottom navigation, bottom nav bar, spotlight ring bottom navigation bar, active ring, animated indicator, floating capsule, pill nav, elevation, shadow, icon label, badges, notification dot, route navigation, go_router, auto_route, page transitions, hide on scroll, safe area, notch support, haptic feedback, ripple effect, dark mode, light mode, glassmorphism, blur background, gradient, accessibility, RTL, localization, adaptive layout, Material 3, Cupertino, iOS, Android, Flutter widget, FlutterFlow component, app shell, ecommerce navigation, modern UI, spring animation, configurable parameters.