A premium segmented navigation built with neumorphic depth. Tabs are soft-rounded capsules; the active item subtly lifts, scales, and deepens its dual shadow, while text gains contrast for instant focus. The indicator tracks swipes with spring physics, supports long labels and badges, and stays silky at 60 fps. Fully themeable and production-ready with accessibility, routing, and haptic feedback out of the box.

Functionality

• Animated lift/scale of the active capsule with layered shadows and color elevation

• Gesture-aware transitions: tap, swipe-linked with PageView/Router; spring easing + haptics

• Fixed or scrollable rails; auto/equal widths; center/leading alignment

• Icon + label layout, optional badges (dot/number), unread/disabled states

• Hover/pressed ripples, focus rings, and reselect callback (e.g., scroll-to-top)

• Deep linking & state restoration; onTabChange, onReselect, onBadgeTap hooks

• Theming tokens: radius, elevation levels, surface/outline colors, typography, spacing, blur/gradient background

• Dark/Light modes, RTL, and Reduce Motion support; proper ARIA/semantics

• Safe-area aware (notch), high-DPI rendering, layer caching for jank-free 60 fps

Use cases

• Marketplaces & e-commerce: Catalog / Collections / Cart / Profile

• Media & streaming: Feed / Explore / Library / Downloads

• Analytics dashboards: Overview / Metrics / Segments / Reports

• Fintech: Accounts / Payments / Insights / Settings

• Education & LMS: Courses / Progress / Assignments / Messages

• Travel & booking: Discover / Favorites / Trips / Profile

• Productivity & CRM: Inbox / Boards / Reports / Team

• Smart-home & IoT: Rooms / Devices / Scenes / Automations

Keywords
tab bar, segmented control, capsule tabs, neumorphic UI, layered shadows, raised pill, animated indicator, spring animation, swipe between tabs, pageview sync, icon + label, badges, unread counter, reselect to top, deep link, state restoration, haptic feedback, dark mode, RTL, reduce motion, accessibility, ARIA, safe area, high performance, 60fps, theming tokens, Flutter widget, FlutterFlow component, modern navigation, premium design.