Modern Audio Player
80+ Premium Presets Included

Audio Player That Performs

Premium Elementor widget with hand-crafted presets, GPU animations, and complete design control.

Works with Elementor Free — No Pro required
Modern Audio Player Preview

Most audio players serve their function — playback works, controls respond. But they don't support your content. Modern Audio Player is different. It actively shapes mood and atmosphere through themed presets, smooth animations, and thoughtful design. Your audio doesn't just play — it performs.

80+
Premium Presets
13
GPU Animations
2
Display Modes
0
Dependencies

Full & Compact Modes

Rich visual experience or minimal footprint — your choice

Track Cover Animation in Action

Animated track covers bring your playlist to life

Key Features

Smart Preset System

80+ built-in presets with instant search. Save unlimited custom designs, export as JSON, import anywhere. Background images download automatically.

13 GPU-Accelerated Animations

Vinyl Spin, Glitch Effect, 3D Flip, Collapse, Wave, Vortex and more. iOS-level smoothness. Pick what fits your style.

Album & Track Covers

Main album cover opens in modal popup. Individual track covers animate smoothly during playback. Visual storytelling for your music.

Effortless Setup

Track titles auto-generate from filenames with smart cleanup. First letter capitalizes. Real-time preview as you edit.

80+ Hand-Crafted Presets

Every genre. Every mood. Ready to use or inspire your design.

Jazz & Blues

Jazz Lounge, Jazz Club

Rock & Metal

Rock Grunge, Metal Fury

Electronic & Dance

Neon Cyber, EDM Energy, Disco Fever

Classical & Orchestra

Classical Orchestra, Warm Elegance

Ambient & Peaceful

Ocean, Soft Lavender, Ambient Waves

Podcast & Spoken

Podcast Studio, Audiobook Library

World Music

Reggae Jamaica, Afrobeat, K-Pop

Retro & Nostalgic

Retro Diner, Synthwave, Old Cassette

Cinema & Video

Blockbuster Cinema, Cinematic AI

Platform Styles

Spotify, Apple Music, SoundCloud

Each preset is a complete theme with professionally curated color palettes ready to inspire your entire site. Full design control included — customize everything from backgrounds and shadows to typography and blend modes.

Complete Feature Set

80+ Premium Presets
Unlimited Custom Presets
Preset Search
Export/Import (JSON)
Auto Image Download on Import
Full & Compact Modes
13 GPU Animations
Album & Track Covers
Track Title Slide Animation
Clickable Album Modal
Repeat One / All / Off
Shuffle On/Off
Download Audio Button
Auto-Fill Track Titles
Smart Filename Cleanup
Keyboard Shortcuts
Multiple Players per Page
Smart Playback (Auto-Stop)
Volume Persistence
Unlimited Tracks
External CDN Support
Background Images/Gradients
Glassmorphism Effects
16 CSS Blend Modes
Blur Control
Box Shadows & Borders
Complete Typography Control
Container Queries Responsive
End User Settings Panel
Works in Any Layout

Built For

From musicians to meditation instructors — there's a preset for your story

Musicians & Bands

Jazz, Rock, Classical, Electronic — genre-specific presets that understand your music's visual language.

Podcasters & Content Creators

Clean, professional Podcast Studio preset. Voice-forward design that builds trust.

Meditation & Wellness

Soft Lavender, Ocean, Ambient Waves — create the sanctuary your listeners need.

Film & Video Producers

Blockbuster Cinema, Cinematic AI Fusion — dramatic aesthetics for dramatic soundtracks.

Churches & Communities

Gospel Spiritual, Gospel Praise — reverence and soul for worship music.

Kids Content

Kids Music, Circus Carnival — bright, playful, engaging for young audiences.

See It In Action

Click any preset to view full size

Technical Specifications

Requirements

  • WordPress 6.0+
  • PHP 7.4+
  • Elementor 3.6.0+ (Free)
  • Modern browsers

Audio Formats

  • MP3 (recommended)
  • WAV (high quality)
  • Custom URL (CDN)
  • External hosting

Performance

  • GPU-accelerated
  • Container Queries
  • Pure Vanilla JS
  • Lazy loading

Frequently Asked Questions

Does this work with Elementor Free?

Yes! Modern Audio Player works perfectly with the free version of Elementor. You don't need Elementor Pro.

What's the difference between Album Cover and Track Covers?

Album Cover is the main header image that opens in a modal popup when clicked. Track Covers are individual images per track that display automatically with animation when playing.

The player looks broken in Elementor preview

This is normal — Elementor's preview has limited support for Container Queries. Always test on a real device or in browser responsive mode.

Can I host audio files on CDN?

Yes! Use the Custom URL field for files hosted on Amazon S3, BunnyCDN, DigitalOcean Spaces, or any CDN.

How many players can I add per page?

Unlimited! When a user starts another player, the currently playing one automatically stops to prevent overlapping audio.

Can I create and share custom presets?

Yes. Customize appearance, save as custom preset, export as JSON. Background images download automatically when imported.

Will this slow down my website?

No. Pure vanilla JavaScript (no jQuery), GPU-accelerated animations, lazy loading, and efficient memory management.

Ready to Transform Your Audio?

Join creators who chose design that performs

Purchase Now — $34

Included With Purchase

Email Support

24h response time

Documentation

Step-by-step guides

Free Updates

Regular improvements

6 Months

Premium support

SoulPixelCraft
× Preset Example 1 × Preset Example 2 × Preset Example 3 × Preset Example 4 × Preset Example 5 × Preset Example 6