A sleek pill-card audio player with soft neon glow, artwork, and a bold primary action. Keep it compact while browsing, then double-tap anywhere on the card to expand into a richer player (queue, time, volume, etc.). The micro seekbar and clear title line make it perfect for feeds and sticky bars without sacrificing control.

Functionality

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

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

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

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

• Double-tap to expand into a full player view (collapse on tap/swipe).

• Chevron toggle for explicit expand/collapse action.

• Smooth height morph & fade animations during expand/collapse.

• Optional sticky placement (footer bar) or inline in lists and cards.

• State handling: playing, paused, buffering, completed.

• Themeable accents: gradient/pink hue, radii, typography, glow strength.

• Haptic & ripple feedback (optional) for premium tactility.

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

• Accessibility: generous touch targets and clear focus/contrast.

Great for: feeds, news/blog embeds, e-commerce product pages, social apps, and 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, minimal UI, clean design, neon accent, gradient accent, just_audio integration, audio service, Firestore binding, Supabase storage, REST datasource, accessibility, haptic feedback, modern UX, mobile media player, Flutter widget, FlutterFlow component, compact player, soft shadow, rounded corners, chevron toggle, premium template.