Discover the hottest AfroHouse tracks curated by DJ Klasse representing Colombia, featuring artists like VILLA, VARTI, Oms, and more. These fresh mixes blend traditional African sounds with modern beats, perfect for any dancefloor. Don’t miss these must-hear hits shaping the scene now.
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.
Dive into the pulsating world of sound with our handpicked selection of the current top 12 DJ Edits, These tracks are meticulously crafted to elevate your sets and keep the dance floor energized. Whether you’re prepping for a gig or simply looking to refresh your playlist, these tracks are a must have in your crates.
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.
High energy tech house bangers with some latin flavor to keep the dance floor extra caliente.
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 30th installment of the series.
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.
Update your crates with some of biggest drum n bass tunes featuring tracks by James Hype, Sigma, & Sub Focus.
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.
Stay on top of the next round of tracks making noise on the airwaves and the nightclubs handpicked by our very own DJ Stacks (HOT 97, NYC) featuring trending tunes by NLE Choppa, HUGEL, Shenseea 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 hip hop tracks of the moment featuring new hits by YFN Lucci, Playboi Carti, Cardi B, Lil Baby, Gucci Mane and many more as selected by our man in NYC 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.
Iconic Funk Classics re-edited and re-imagined to get the party started right curated by Isaac Jordan.
Featuring some of the greatest hits from past decades, these tracks will get everyone in the groove. Featuring Kool & the Gang, Al Green, D-Train 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.
Dive into the pulsating world of sound with our handpicked selection of the current top 10 DJ Edits, These tracks are meticulously crafted to elevate your sets and keep the dance floor energized. Whether you’re prepping for a gig or simply looking to refresh your playlist, these tracks are a must have in your crates.
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.
Update your crates with some of biggest drum n bass tunes featuring tracks by Sub Focus, KSHMR, & Star. One.
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.