bottom-sheet-playlist-widget-flutterflow
About

Mini Card Player & Bottom Sheet Playlist Widget V.2 🎧✨
A compact, premium audio card that keeps controls up top and your full queue a swipe away. 🪄 Small on the page, mighty in features: artwork thumbnail, crystal-clear time readout, and a full control row. Tap the queue icon to open a silky bottom-sheet playlist with covers, titles, artists, and per-row play/pause — perfect for fast browsing and instant playback. 🎶📜

Functionality 💡

  • 🖼️ Album artwork avatar with rounded corners + soft elevation.

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

  • 🎚️ Scrubbable seekbar with active/inactive track + tactile thumb.

  • ⏱️ Timestamps: elapsed (left) & negative remaining (right) for quick context.

  • ⏯️ 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 + control feedback.

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

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

  • 🔌 Data binding: Firestore / Supabase / REST / local assets.

  • 🧩 Engine-ready: clean integration with just_audio + FlutterFlow actions.

  • States: playing, paused, buffering, completed.

Great for 🌟

Music apps, podcast episode lists, learning modules — any screen that wants 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, 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.

Mini Card Player & Bottom Sheet Playlist V.2

We’ll build your app in 7 days
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.