3D segmented control widget — a premium, neumorphic segmented navigation that feels alive ✨
Soft-rounded capsules lift and scale on select, shadows deepen for true 3D depth, and labels pop for instant focus. The indicator glides with spring physics 🎯, handles long titles & badges 🔔, and stays buttery-smooth at 60fps. Production-ready: accessible, routable, themeable, and haptic-friendly out of the box.
Functionality 🚀
-
🧊 Animated lift/scale for the active pill with layered (dual) shadows & elevated color
-
👆 Gesture-aware: tap, swipe-linked with PageView/Router, spring easing + haptics
-
↔️ Fixed or scrollable rails; auto/equal widths; center or leading alignment
-
🖼️ Icon + label, icon-only, label-only; badges (dot/number), unread & disabled states
-
🌊 Ripple/hover/pressed feedback, focus rings, and reselect callback (e.g., scroll-to-top)
-
🔗 Deep linking & state restoration;
onTabChange,onReselect,onBadgeTaphooks -
🎨 Theming tokens: radius, elevation levels, surface/outline colors, typography, spacing, blur/gradient background
-
🌓 Dark/Light, RTL, Reduce Motion; proper ARIA/semantics & screen-reader labels
-
📱 Safe-area aware (notch), high-DPI rendering, layer caching → jank-free 60fps
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, 3d segmented control widget, capsule tabs, neumorphic ui, layered shadows, raised pill, animated indicator, spring animation, swipe between tabs, pageview sync, icon and 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.
