Premium Capsule Tab Bar — icon→label reveal ✨. A flutterflow capsule tabbar where a pill-shaped indicator glides & morphs on tap or swipe. The active tab expands to show the label (e.g., Catalog) while inactive tabs stay icon-only for a crisp hierarchy. Powered by spring physics, gentle haptics, and dark mode — perfect for modern apps that value clear navigation, micro-interactions, and high performance. 🚀

⚙️ Functionality

• 🟣 Smooth indicator: slide + shape morph with color & shadow transitions

• 🔁 Icon→Label behavior: active tab shows text with auto ellipsis

• 🖐️ Gestures: tap, swipe between tabs, optional long-press (context menu)

• 🔔 Badges: dot, number, “+N”; unread/disabled states

• 📱 Layout: scrollable tabs, adaptive for phone/tablet, portrait/landscape

• 🧭 Navigation: Router/PageView sync, deep links, state restoration, back stack

• 🎯 Feedback: haptics, ripple, hover/pressed states

• 🎨 Theming: capsule radius, bar thickness/height, paddings, typography, color schemes, background blur/gradient

• ♿ Accessibility: ARIA/semantics, focus rings, RTL, Reduce Motion

• ⚡ Performance: single-layer indicator, layer caching, 60fps targets, safe-area aware

• 📊 Hooks/Analytics: onTabChange, onReselect, onBadgeTap, screen tracking

🧭 Use Cases

• 🛍️ Marketplaces & Catalogs: Catalog / Collections / Cart / Profile

• 🎵 Media Apps: Feed / Search / Library / Downloads

• 💳 Fintech/Banking: Accounts / Payments / Analytics / Profile

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

• 🧰 SaaS & CRM: Leads / Deals / Reports / Settings

🔑 Keywords

flutterflow capsule tabbar, capsule tab bar custom widget flutterflow, morphing indicator widget flutterflow, icon to label tabs flutterflow, animated highlight tabbar flutterflow, badges unread counter tabs flutterflow, swipe between tabs flutterflow, haptic feedback tabs widget, blur background tabbar flutterflow, dark mode rtl reduce motion tabs, accessibility router integration tabs, deep link state restoration tabs, high performance flutter widget, flutterflow component modern navigation, premium ui tabbar flutterflow