Two segment neon tabbar widget β a premium segmented control with a soft, glassy β¨ highlight that slides between options using spring physics π. The active pill lifts slightly, gains a neon-green glow π, and the label (with optional β/β icons) pops for instant readability. Mobile-first π, themeable π¨, keyboard-accessible β¨οΈ, and smooth from 2 β N choices β zero jank.
Functionality π
-
Single-select segments (2β¦N) with sliding highlight + spring easing.
-
Modes: icon + label, icon-only, label-only; badges π / tooltips π¬; disabled & read-only.
-
Feedback: ripple/hover/pressed, haptic on commit π€³, focus ring for keyboards.
-
Forms: initial value, validation β , error text,
onChanged
/onSubmitted
. -
Layout: equal or intrinsic widths, leading/center alignment, compact/dense sizes.
-
Theming tokens: radius, elevation/shadow, border & glow, typography, color states (idle/hover/active/disabled).
-
Performance: layer caching, buttery 60fps π§; safe-area aware; light/dark ππ.
-
Accessibility: ARIA radiogroup, Arrow/Space/Enter keys, screen-reader labels, RTL & Reduce Motion.
Use cases π±
-
Onboarding/profile inputs (gender β/β, role, experience).
-
Quick filters & view modes: List/Grid, Light/Dark, Delivery/Pickup, Monthly/Yearly.
-
Pricing toggles on paywalls π³ with standout active state.
-
Dashboard mode switches (Live/Historic, Basic/Advanced).
-
Mobile forms replacing tiny radios with big touch targets π.
-
A/B feature selectors, preferences, and settings.
Keywords π
segmented control, segmented toggle, pill selector, sliding highlight, neon glow, glassy fill, icon with label, haptic feedback, spring animation, radio group, single select, badges, tooltip, disabled state, validation, form field, keyboard navigation, aria radiogroup, rtl, reduce motion, theming tokens, elevation, dark mode, responsive ui, mobile friendly, flutterflow widget, flutterflow component, premium ui, high performance, tabbar widget.
Awesome TabBar Widget V6
- 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.