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

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

GPU Animations

Display Modes

Dependencies

Full & Compact Modes

Rich visual experience or minimal footprint — your choice

Full Mode

Compact Mode

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.

Search & Apply

Save & Export

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

View Live Demo

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