A compact, premium audio card with artwork, clean time readout, and a full control row. Tap the queue icon to open a smooth bottom-sheet playlist with cover thumbnails, titles, artists, and per-row play/pause. Perfect when you want a small player on the page and a full queue on demand.

Functionality

• Album artwork avatar with rounded corners and soft elevation.

• Title & subtitle (artist) with smart truncation for long names.

• Scrubbable seekbar with active/inactive track and tactile thumb.

• Timestamps: elapsed on the left and remaining (negative) on the right.

• Control row: repeat/shuffle toggle (configurable), previous, play/pause, next, queue button.

• Bottom-sheet playlist: drag handle, swipe to dismiss; artwork, title, artist, duration.

• Active track indicator in the sheet; tap any row to play instantly.

• Smooth animations for sheet open/close and control feedback.

• Themeable accents: color, typography scale, radii, shadows.

• Responsive layout with generous hit targets; dark/light ready.

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

• Engine-ready: integrates cleanly with just_audio + FlutterFlow actions.

• States: playing, paused, buffering, completed.

Great for: music apps, podcast episode lists, learning modules, and any screen that needs a minimal card player with a playlist sheet just a tap away.

Keywords: FlutterFlow audio player, card player, mini player, playlist sheet, bottom sheet queue, queue button, seekbar, progress bar, draggable thumb, play pause, previous next, repeat toggle, shuffle toggle, time labels, negative remaining time, album artwork, title artist, rounded card, soft shadow, responsive layout, clean UI, mobile media player, just_audio integration, audio service, Firestore binding, Supabase storage, REST datasource, active track indicator, swipe to dismiss, drag handle, modern UX, premium template, Flutter widget, FlutterFlow component, dark mode, light theme.