Skip to content
  • Flutterflow Apps
    • All Products
    • App Templates
    • Custom Widgets
    • Icons Pack
  • Figma UI Kits
  • 3D Icons
  • Flutterflow course
My Account
expandable-audio-player-widget
expandable-glow-mini-player
1/2
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
  • weather-forecast-app-template
    -50%

    Flutterflow

    $99
    $50

    Weatherly - Live Weather Forecast App

  • planior
    -50%

    Flutterflow

    $190
    $119

    Planior - Offline Task & Finance Template for FlutterFlow

  • doctor-appointment-app-template
    -50%

    Flutterflow

    $190
    $119

    Medix - Doctor Appointment App 👨‍⚕️ 💬

  • grocery-store-app-template
    -50%

    Flutterflow

    $149
    $79

    FreshGo - Grocery Store App Template 🛒🚚

  • fastpay-online-payment-app
    -50%

    Flutterflow

    $190
    $119

    FastPay - Online Payment App Template

  • currency-converter-app-template
    -50%

    Flutterflow

    Free

    Converto – Multi-Currency Converter App

Make it simple, make it beautiful, make it fast. Every day of delay is users lost. Let’s ship apps quickly!
Resources
  • App templates
  • Custom widgets
  • Icons Pack
  • Custom Actions
  • Figma UI Kits
  • 3D Icons
  • Flutterflow course
Flutterflow apps
  • E-commerce
  • Education
  • Finance
  • Food
  • Health
  • Music
  • Video
Company
  • Contact us
  • About
  • Blog
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. No spam.
Subscription Form
By submitting your email address, you agree to receive Webnum’s monthly newsletter. For more information, please read our privacy policy. You can always withdraw your consent.
© 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
  • 3D Icons
  • Flutterflow course
Contact us