# John Summit

John Summit is an influential American DJ and music producer celebrated for his significant contributions to the house music scene. He has achieved remarkable chart success, with his tracks climbing various dance music charts, UK including Billboard's Hot Dance/Electronic Songs. Among his well-known singles is "Deep End," which received widespread acclaim and became a summer hit, solidifying his place in the electronic music community. His versatility is further highlighted by his collaborations with other prominent artists in the electronic genre and his remixes for well-known tracks. John Summit has also made a name for himself by performing at major music festivals such as Lollapalooza and Electric Forest, where he is recognized for his energetic live sets and audience engagement. His innovative style, which blends various house music subgenres, creates a distinct sound that resonates with fans and sets him apart in the industry. As a result of his creative approach and consistent output, he has amassed a growing following on social media and streaming platforms. John Summit continues to make a significant impact on the electronic music scene through his dedication to his craft. It's our great pleasure celebrate one of the best to ever do it with a handpicked best of by our own Princess Jasmine.

 Select a Spotify Playlist   ![]()  

        1. ![]()
  
 

 

 or Enter Spotify Playlist ID:   Load  

 

 

   ARTIST       ::   TITLE       

  BPM       KEY       YEAR      

  DOWNLOADS      

      

             

  

     

 

  <a :href="`/track/${result.id}`" :hx-push-url="`/track/${result.id}`" class="mt-1 sm:mt-0 gap-1.5 sm:gap-0 flex md:block flex-col text-left text-xs md:text-sm cursor-pointer hover:opacity-80 transition-opacity duration-300 ease-in-out truncate text-ellipsis lg:line-clamp-1" hx-get="/wp-content/plugins/hh-music/inc/hh-track.pjax.php" hx-history="false" hx-on::after-request="setTimeout(() => window.scrollTo({top: 0, behavior: 'smooth'}), 500);" hx-swap="innerHTML transition:true settle:.3s" hx-target="#content" x-bind:hx-vals="JSON.stringify({ id: result.id })" x-effect="result.id;htmx.process($el)">   </a>    

            

  

  

 

  

 

 

  

  <a :href="`/track/${result.id}`" class="result-info min-w-8 min-h-8 inline-flex justify-center items-center cursor-pointer" hx-push-url="true" hx-swap="innerHTML transition:true settle:.3s" hx-target="#content" x-tooltip.interactive.debounce.1="{
            content: () => $refs.infotemplate?.innerHTML || 'Info not available',
            allowHTML: true,
            appendTo: $root
        }">= 1024 &amp;&amp; !event.ctrlKey &amp;&amp; !event.metaKey &amp;&amp; !event.metaKey) { htmx.ajax('GET', $el.getAttribute('href'), { target: '#content', swap: 'outerHTML transition:true settle:.3s', select: '#content', pushUrl: true, headers: { 'HX-Push-Url': $el.getAttribute('href') } }).then(() =&gt; { window.scrollTo({top: 0, behavior: 'smooth'}); window.history.pushState({}, '', $el.getAttribute('href')); }); }" &gt;  </a> 

  

   Similar  

 = 1024 &amp;&amp; (leaveTimeout = setTimeout(() =&gt; isOpen = false, 100))" @mouseenter="window.innerWidth &gt;= 1024 &amp;&amp; leaveTimeout &amp;&amp; clearTimeout(leaveTimeout)" @keydown.esc.prevent="isOpen = false; openedWithKeyboard = false" @click.outside="isOpen = false; openedWithKeyboard = false" class="relative toggle-downloads lg:w-56"&gt;  = 1024 &amp;&amp; (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"&gt; Downloads            = 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)" &gt;       

  = 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)" &gt;        

  

 

       - Add to queue    Remove from queue
 
 - 
- View Details
- Copy Link
- Mixable/Similar Tracks
- Build Smart Set
 
 

 

          

  Loading remixes &amp; edits...

 

   No remixes/edits found.

                

       

 

            

 

 

 

  

     

 

   Downloads                   

          

  

 

       - 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         

 

         

  

 Smart Set Preview### Build a mix-ready set from your seed track

Length:

Energy:

Building Smart Set...

Save as CrateClose

 response.json()) .then(data =&gt; { similarSongs = data.success ? data.data : []; isLoadingSimilarSongs = false; }); // Load recommendations if (currentTrack?.artist &amp;&amp; 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 =&gt; { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(data =&gt; { recommendations = data.success ? data.data.results : []; isLoadingRecommendations = false; }) .catch(() =&gt; { 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"&gt;       Similar/Mixable songs to###   -  

   

  KEY    BPM    YEAR    GENRE    TAGS         

  Mixable Tracks in key ± 5% BPM   Similar Tracks with a similar vibe 

 

 

 

 

 

 

  No mixable songs found.

               

  

     

 

  <a :href="`/track/${result.id}`" :hx-push-url="`/track/${result.id}`" class="mt-1 sm:mt-0 gap-1.5 sm:gap-0 flex md:block flex-col text-left text-xs md:text-sm cursor-pointer hover:opacity-80 transition-opacity duration-300 ease-in-out truncate text-ellipsis lg:line-clamp-1" hx-get="/wp-content/plugins/hh-music/inc/hh-track.pjax.php" hx-history="false" hx-on::after-request="setTimeout(() => window.scrollTo({top: 0, behavior: 'smooth'}), 500);" hx-swap="innerHTML transition:true settle:.3s" hx-target="#content" x-bind:hx-vals="JSON.stringify({ id: result.id })" x-effect="result.id;htmx.process($el)">   </a>    

            

  

  

 

  

 

 

  

  <a :href="`/track/${result.id}`" class="result-info min-w-8 min-h-8 inline-flex justify-center items-center cursor-pointer" hx-push-url="true" hx-swap="innerHTML transition:true settle:.3s" hx-target="#content" x-tooltip.interactive.debounce.1="{
            content: () => $refs.infotemplate?.innerHTML || 'Info not available',
            allowHTML: true,
            appendTo: $root
        }">= 1024 &amp;&amp; !event.ctrlKey &amp;&amp; !event.metaKey &amp;&amp; !event.metaKey) { htmx.ajax('GET', $el.getAttribute('href'), { target: '#content', swap: 'outerHTML transition:true settle:.3s', select: '#content', pushUrl: true, headers: { 'HX-Push-Url': $el.getAttribute('href') } }).then(() =&gt; { window.scrollTo({top: 0, behavior: 'smooth'}); window.history.pushState({}, '', $el.getAttribute('href')); }); }" &gt;  </a> 

  

   Similar  

 = 1024 &amp;&amp; (leaveTimeout = setTimeout(() =&gt; isOpen = false, 100))" @mouseenter="window.innerWidth &gt;= 1024 &amp;&amp; leaveTimeout &amp;&amp; clearTimeout(leaveTimeout)" @keydown.esc.prevent="isOpen = false; openedWithKeyboard = false" @click.outside="isOpen = false; openedWithKeyboard = false" class="relative toggle-downloads lg:w-56"&gt;  = 1024 &amp;&amp; (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"&gt; Downloads            = 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)" &gt;       

  = 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)" &gt;        

  

 

       - Add to queue    Remove from queue
 
 - 
- View Details
- Copy Link
- Mixable/Similar Tracks
- Build Smart Set
 
 

 

          

  

 

  No similar songs found.

               

  

     

 

  <a :href="`/track/${result.id}`" :hx-push-url="`/track/${result.id}`" class="mt-1 sm:mt-0 gap-1.5 sm:gap-0 flex md:block flex-col text-left text-xs md:text-sm cursor-pointer hover:opacity-80 transition-opacity duration-300 ease-in-out truncate text-ellipsis lg:line-clamp-1" hx-get="/wp-content/plugins/hh-music/inc/hh-track.pjax.php" hx-history="false" hx-on::after-request="setTimeout(() => window.scrollTo({top: 0, behavior: 'smooth'}), 500);" hx-swap="innerHTML transition:true settle:.3s" hx-target="#content" x-bind:hx-vals="JSON.stringify({ id: result.id })" x-effect="result.id;htmx.process($el)">   </a>    

            

  

  

 

  

 

 

  

  <a :href="`/track/${result.id}`" class="result-info min-w-8 min-h-8 inline-flex justify-center items-center cursor-pointer" hx-push-url="true" hx-swap="innerHTML transition:true settle:.3s" hx-target="#content" x-tooltip.interactive.debounce.1="{
            content: () => $refs.infotemplate?.innerHTML || 'Info not available',
            allowHTML: true,
            appendTo: $root
        }">= 1024 &amp;&amp; !event.ctrlKey &amp;&amp; !event.metaKey &amp;&amp; !event.metaKey) { htmx.ajax('GET', $el.getAttribute('href'), { target: '#content', swap: 'outerHTML transition:true settle:.3s', select: '#content', pushUrl: true, headers: { 'HX-Push-Url': $el.getAttribute('href') } }).then(() =&gt; { window.scrollTo({top: 0, behavior: 'smooth'}); window.history.pushState({}, '', $el.getAttribute('href')); }); }" &gt;  </a> 

  

   Similar  

 = 1024 &amp;&amp; (leaveTimeout = setTimeout(() =&gt; isOpen = false, 100))" @mouseenter="window.innerWidth &gt;= 1024 &amp;&amp; leaveTimeout &amp;&amp; clearTimeout(leaveTimeout)" @keydown.esc.prevent="isOpen = false; openedWithKeyboard = false" @click.outside="isOpen = false; openedWithKeyboard = false" class="relative toggle-downloads lg:w-56"&gt;  = 1024 &amp;&amp; (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"&gt; Downloads            = 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)" &gt;       

  = 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)" &gt;        

  

 

       - Add to queue    Remove from queue
 
 - 
- View Details
- Copy Link
- Mixable/Similar Tracks
- Build Smart Set
 
 

 

          

  

 

 

Premium content is available to members only. Please [upgrade](/members/upgrade) to access this content.