Level up your FlutterFlow player with a compact, polished card and a swipe-up queue powered by a music playlist widget. 🎶 The mini card shows bold artwork, a clean time readout, and thumb-friendly controls; tap the queue button to reveal a silky bottom-sheet playlist with thumbnails, titles, artists, and durations—perfect when you need a discreet player on the page and a full track list on demand. ✨
⚙️ Functionality
-
🖼️ Compact player card with rounded corners, soft shadow, and album artwork.
-
⏱️ Title + time (elapsed / total) for instant context at a glance.
-
▶️ Transport controls: previous • play/pause • next — sized for comfortable taps.
-
📚 Queue button → bottom-sheet playlist: drag handle, swipe to dismiss.
-
🎵 Playlist rows: artwork, title, artist, duration — tap to play instantly.
-
📶 Active track indicator (equalizer-style icon) for a clear now-playing state.
-
🔁 Optional shuffle/repeat toggles in the control row.
-
🪄 Smooth animations for sheet open/close and control feedback.
-
🎨 Themeable: accent color, typography, radii, elevations.
-
🔌 Data binding: Firestore / Supabase / REST / local JSON.
-
♿ Responsive & accessible: readable hierarchy, generous hit areas, dark/light support.
✅ Great for
🎧 Music apps • 🎙️ Podcasts • 📚 Learning modules — anywhere a minimal player + full playlist is one tap away.
Keywords: FlutterFlow audio player, mini player, music playlist widget, bottom sheet playlist, modal queue, now playing, play pause, previous next, queue button, equalizer icon, time readout, album artwork, compact card, rounded corners, responsive layout, shuffle, repeat, swipe to dismiss, drag handle, just_audio integration, audio service, Firestore binding, Supabase storage, REST datasource, mobile media player, premium template, Flutter widget, FlutterFlow component, modern UX.
Mini Card Player & Bottom Sheet Playlist
- 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.