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

Full Mode

Full Mode

Compact Mode

Compact Mode

Track Cover Animation

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.

Preset Search

Search & Apply

Preset Management

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

Apple Music Style Scandinavian Chill SoundCloud Wave
Champagne Noir Gospel Praise Hip Hop Neon

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.

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

Included With Purchase

📧

Email Support

24h response time

📖

Documentation

Step-by-step guides

🔄

Free Updates

Regular improvements

6 Months

Premium support

SoulPixelCraft

Changelog:

== Changelog ==

= Version 1.0.0 - January 25, 2026 =
* Initial release
* Added 80+ hand-crafted professional presets
* Implemented advanced preset management system
* Added custom preset creation functionality
* Implemented preset import/export (JSON format)
* Added 13 GPU-optimized cover animation modes
* Implemented advanced CSS animation system
* Added playlist support
* Implemented mobile-responsive design
* Added touch-friendly controls
* Integrated with Elementor page builder
* Implemented live preview in editor
* Added visual preset selector
* Implemented proper WordPress security measures
* Added proper sanitization and escaping
* Implemented nonce verification for AJAX
* Added capability checks
* Implemented proper error handling
* Added translation-ready functionality
* Implemented proper asset management
* Added comprehensive inline documentation
* Follows WordPress coding standards

Reviews

There are no reviews yet.

Only logged in customers who have purchased this product may leave a review.

Loading...

Seller thumbnail image
Soul Pixel Craft supports this product Supported

Product support includes:
  • The seller will answer product related questions
  • Assistance with reported bugs and issues
  • Help with included third-party assets
However, product support does not include:
  • Customization services
  • Installation services

Pricing Plans 

$25
1 Site

Prices are in US dollars and exclude taxes

  • Founder Seller
View Store