

Glow segmented control widget β¨. A sleek, dark-themed nav bar that adds a soft neon glow to the active tab and a subtle top indicator. The highlight glides smoothly as users switch sections, with crisp hover/press/focus feedback on mouse, touch, or keyboard. Built for responsiveness and accessibility, it scales from wide headers to compact toolbars without losing polish. πβ‘
Functionality π
-
Animated active state with easing (slide + fade glow) π
-
Hover/press feedback + optional ripple on click π±οΈπ§
-
Keyboard navigation (Arrow/Home/End), focus ring, ARIA roles βΏβ¨οΈ
-
Router/deep-link sync so the correct tab stays active π
-
Controls for underline/indicator thickness + glow intensity ποΈ
-
Badges/notifications and disabled items ππ«
-
Scrollable or wrapping layouts for many items; responsive spacing π
-
Theming: light/dark, custom colors, radii, shadows π¨
-
High-contrast + Reduce Motion fallback for accessibility π
-
Lazy mount per tab for performance βοΈ
Use cases π
-
Website headers & product pages π§
-
SaaS dashboards & admin panels π
-
Portfolios/agency sites (Work, Services, About, Contact) π§°
-
Mobile/desktop hybrids needing segmented control or top tab bar π±π»
-
Kiosk/TV apps with keyboard/remote navigation π₯οΈπΊ
Keywords: navigation bar, tabs, tab bar, segmented control, menu, animated indicator, hover glow, focus state, accessible nav, aria, responsive header, dark theme, routing, deep link, badges, flutter widget, flutterflow component, ui navigation, top app bar, glowing tab
Glow Segmented Control, TabBar
- 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.