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.
Expandable Glow Mini Player
- Fixed price & scope
- Pixel-perfect UI/UX
- App Store & Google Play submission
You may only use this template for one project. For more details, please read the Marketplace Terms of Service.