Check the heaviest dubstep tunes out selected by HeavyHits’ own super editor MIKE FRESH featuring classics and new material sure to set the night of fire featuring Skrillex, RL Grime, Dillion Francis and exclusive edits by Mr Fresh himself:
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
Get the vibes right with vol.2 of these backyard party bangers specifically selected by JAMES JAXIN featuring tracks by Mary J Blige, Teena Marie, The Gap Band and more.
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
Volume 1 of some of the most iconic latin wedding songs known to man curated by DJ RONALD featuring tracks by Freddy Guzman, Joey Montana, Juan Luis Guerra, Luis Enrique and more:
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
Keep up with the hottest tracks trending on the social media giant TikTok with one of the most popular DJs on the platform DJ PRECISE with his 17th installment of the series featuring Cat Janice, Chef Boy, Benson Boone and many more:
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
Check out a decade of popular summer hits from 2014 till 2024 featuring the likes of Post Malone, Maroon 5, Taylor Swift, The Weeknd and more.
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
Making his first appearance on the postcast is DJ D.N.A. representing Mexico City. He rocks all genres of electronic music and is part of one of the countries coolest collectives: Disco Dopamine. DNA is a resident in many of the cities top clubs and hotspots and his skills and selection on this mix will show you why. His musical approach focuses on sounds with pronounced bass and melodies that catch you, combined with his technique in harmonic mixing, in old school and dark rhythms at the same time, which unite the best of the worlds of disco and techno. Checkout his brand new Electronic mix featuring Tita Lau, Sanite Vie, The Temper Trap, and more:
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
The hottest tunes so far of summer 2024 featuring Glorilla, Post Malone, Shaboozy, 21 Pilots and many more as selected by SERG SNIPER perfect for all your upcoming summer events:
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
The hottest Midwest hip hop tracks of the moment featuring new hits by Big Sean, Sexyy Red, GloRilla and many more as selected by our man DJ STACKS
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
Maintain your K-Pop crate up to date with the new heat featuring ITZY, BTS, XG and more as selected by DJ TRANSIT
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
Get the vibes right with these backyard party bangers specifically selected by JAMES JAXIN
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.