Skip to content
  • App Templates
  • Resources
    • Figma UI Kits
    • Custom Widgets
    • 3D Icons
    • Icon Packs
  • Hire Us NEW
  • Course
My Account
expandable-audio-player-widget
expandable-glow-mini-player
1/2
About this Template

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
›
App templates
›
Expandable Glow Mini Player

Expandable Glow Mini Player

Preview
  • BEST VALUE
What's included
  • Full Flutter source code
  • Editable Figma design files
  • Lifetime updates
  • Technical support included
  • Commercial use license
Framework:
Flutter 3.24+ / Dart
Platforms:
iOS & Android
Compatibility:
Cursor, Claude, FlutterFlow, Codex, Antigravity.
Design system:
Editable Figma file included
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
  • job-board-app-template
    -50%

    App templates

    $179
    $89

    Workee - Ultimate Job Board App

  • kids-stories-app-template
    -50%

    App templates

    $179
    $89

    Story Teller – Stories for Kids App Template

  • daily-quotes-app-flutterflow
    -50%

    App templates

    $179
    $89

    Quoto - Daily Quotes & Affirmations App

  • planior
    -50%

    App templates

    $179
    $89

    Planior - Offline Task & Finance Template

  • dating-app-ui-kit-flutterflow
    -50%

    App templates

    $179
    $89

    Datingo - Modern Dating App Template

  • admin-dashboard-template
    -50%

    App templates

    $179
    $89

    AdminPro - Responsive Admin Dashboard

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
  • 3D Icons
  • Flutterflow course
App Templates
  • 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
  • App Templates
  • Resources
  • Hire Us NEW
  • Course
Contact us