Amapiano meets Hip Hop, top40 and electronic with a fresh selection perfect to crossover with the popular genre as selected by the one and only DJ OiO!
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.
DJ Tommy Carlucci will have your electronic crates ready to go with his curated playlist of one of the most popular electronic genres, Melodic House & Techno.
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.
A great collection of Turkish pop hits handpicked by our very own Turkish DJ/Editor DJ O-KAY Featuring tracks by: Reynmen, Hadise, Hande Yener 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.
Get your reggaeton creates ready to rock the house with these exclusives you won’t find anywhere else as selected by our man Serg Sniper
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 our 4th edition of what’s popping in Japan curated by non other than our very own DJ SauLe featuring bangers by Sexyy Red, GloRilla, Fat Joe, Charli XCX 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.
An amazing selection of feel-good party classics from the ’80s, brought to you by DJ Princess Jasmine
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 the hottest AfroHouse selections of the moment featuring Adam Port, HUGEL, RAFFA, Rampa and more as selected by DJ O-KAY :
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.
We bring you the 10th volume of our French rap series, prepared by DJ Noise featuring the hottest bangers in the French rap scene right now, including tracks by Leto, Dave, Zola, Shay, 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.
Get ready to vibe with the infectious sounds of Amapiano! Curated by DJ OiO! this playlist is packed with the hottest tracks that blend deep house, jazz, and soulful melodies, perfect for creating an electrifying atmosphere on the dance floor.
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 hip hop crates updated with the hottest tracks coming from the south featuring music by GloRilla, Moneybagg Yo, Beatking, Offset and more as selected by Clif Tha Supa Producer
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.