A sleek, rounded audio card featuring an animated waveform progress bar ๐ and essential transport controls โฎ๏ธโฏ๏ธโญ๏ธ. Perfect for inline previews in feeds, lists, and detail pages, it keeps the footprint tiny while delivering a polished, modern listening experience โจ. Fully themeable ๐จ and plug-and-play with your audio backend โ ideal for any FlutterFlow app.
Functionality โ๏ธ
-
๐ Animated waveform progress with gradient fill for the played segment.
-
๐ (Optional) waveform seek: tap/drag to jump within the track.
-
๐ต Transport controls: Previous, Play/Pause, Next.
-
๐งพ Track metadata line: smart title truncation / ellipsis for narrow widths.
-
โฑ๏ธ Time label: total duration (easy wiring for elapsed/remaining).
-
๐ Volume control: mute/unmute or slider popover ready.
-
๐ณ Rounded card container with soft shadow and clean white surface.
-
๐จ Accent theming: gradient colors, icon set, radii, typography.
-
๐งญ Clear states: playing โถ๏ธ, paused โธ๏ธ, disabled/empty artwork ๐ซ.
-
๐ Responsive layout: great for list rows, grid tiles, or compact UI slots.
-
๐ Data-ready: Firestore / Supabase / REST / Local assets integration.
-
๐ ๏ธ Engine-friendly: works with
just_audio
+ FlutterFlow actions. -
๐ Light/Dark support: accessible contrast & legible timecodes.
Perfect for ๐ก
Inline song previews ๐ถ, podcast snippets ๐๏ธ, lesson audio ๐, SFX clips ๐ผ, and media embeds in social/e-commerce apps ๐๏ธ.
Keywords ๐
FlutterFlow audio player, waveform audio player widget, mini player, compact audio card, inline audio, animated waveform, waveform seek, progress bar, play pause, previous next, volume control, mute toggle, time label, duration display, track title, ellipsis truncation, rounded corners, soft shadow, gradient accent, minimal UI, clean design, mobile media player, podcast preview, song preview, just_audio integration, audio service, Firestore binding, Supabase storage, REST datasource, Flutter widget, responsive layout, light theme, dark theme, media controls, premium template, small footprint, modern UI, FlutterFlow component.
Waveform Mini Player v.1
- 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.