Skip to content
  • Flutterflow Apps
  • Figma UI Kits
  • Learn Flutterflow
  • About Us
My Account
expandable-audio-player-widget
expandable-glow-mini-player
About

Expandable audio player widget 🎧✨ — a sleek pill-card mini player with a soft neon glow, crisp artwork, and a bold primary action. Keep it tiny while users browse, then double-tap anywhere to blossom into a full player with queue, time, and volume controls. The micro seekbar ⏱️ and clear title line make it perfect for feeds and sticky bars—control without clutter.

What it does 🚀

  • 💊 Compact pill card with soft shadow/glow & fully rounded corners.

  • 🖼️ Artwork avatar + title row with smart truncation for long names.

  • 📈 Micro progress/seek bar with active segment & tiny thumb indicator.

  • ▶️ Prominent Play/Pause on the right (neon accent, large hit area).

  • 👆 Double-tap to expand, tap/swipe to collapse.

  • ⌄ Chevron toggle for explicit expand/collapse.

  • 🌀 Smooth height morph + fade animations on state changes.

  • 📌 Sticky footer option or inline in lists/cards.

  • 🔄 States: playing, paused, buffering, completed.

  • 🎨 Themeable accents: gradients, pink hue, radii, typography, glow strength.

  • 📳 Haptic & ripple feedback for premium tactility.

  • 🔗 Data binding from Firestore / Supabase / REST or local assets.

  • ♿ Accessible: generous touch targets, strong contrast & focus rings.

Perfect for 💡

Feeds, news/blog embeds, e-commerce product pages, social apps—any screen that needs a tiny player that expands on demand.

Keywords: FlutterFlow audio player, expandable mini player, double-tap expand, glow card, pill player, micro seekbar, progress bar, play/pause button, artwork thumbnail, title truncation, sticky footer player, inline audio, animated expand, collapse animation, queue view, now playing, responsive layout, neon accent, gradient accent, just_audio, audio_service, Firestore, Supabase, REST, accessibility, haptic feedback, compact player, soft shadow, rounded corners, chevron toggle, premium template.

Home
›
Flutterflow
›
Expandable Glow Mini Player

Expandable Glow Mini Player

Preview
We’ll build your app in 7 days
  • Fixed price & scope
  • Pixel-perfect UI/UX
  • App Store & Google Play submission
Get a Quote
Features
  • Audio Player
Categories
  • Music
  • Utilities
Style
  • Clean
  • Dark
  • Elegant
Support
  • Contact us
  • Video tutorials
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.

Related Products
See more
  • news-app-template
    App templates
    $190

    Newsly – Ultimate Breaking News & Magazine App 📰🚀

  • movie-streaming-app-template
    App templates
    $190

    MovieGo – Stream Movies & TV Shows App

  • grocery-store-app-template
    App templates
    $90

    FreshGo - Grocery Store App Template 🛒🚚

  • custom-sliverappbar-flutterflow
    Custom widgets
    $190

    Custom sliver AppBar | Dynamic Scrolling Experience

  • custom-color-picker-widget
    Custom widgets
    Free

    Custom Color Picker Widget 🎨

  • cosmetics-shop-app-template
    App templates
    $190

    Cosmety - Beauty & Cosmetics Shop App Template 💄🛍️

Make it simple, make it beautiful, make it fast. Every day of delay is users lost. Let’s ship Flutterrflow app quickly!
Resources
  • App templates
  • Components
  • Custom Actions
  • Custom widgets
  • Icons Pack
  • Pages
Flutterflow apps
  • E-commerce
  • Education
  • Finance
  • Food
  • Health
  • Music
  • Video
Figma UI Kits
  • Social & Messaging Apps
  • E‑Commerce & Shopping
  • Health & Fitness
  • Finance & Budgeting
  • Travel & Booking
  • Educational & eLearning
Find us at
  • YouTube
  • Twitter
  • Product Hunt
  • Telegram
  • Behance
  • Email us

Be the first to learn about special offers and important updates 🔔

Get the latest updates, tips, and exclusive offers from Webnum.com
Subscription Form
© 2025 Webnum. All rights reserved.
  • License
  • Terms & Conditions
  • Privacy policy
Cart Panel 0
By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.
Accept
  • Flutterflow Apps
  • Figma UI Kits
  • Learn Flutterflow
  • About Us
Contact us