# Listen to music together on Discord!



<div class="content-box">
  
  
  <div class="embed">
    <h2 class="e-title">FEATURES</h2>
    <span>• Supports YouTube, Spotify, Deezer, Apple Music, Tidal, & much more!</span>
    <span>• DJ Role System</span>
    <span>• 24/7 Mode</span>
    <span>• Audio filters (bassboost, nightcore, etc...)</span>
    <span>• Web Player & Web Dashboard</span>
    <span>• Live Lyrics (Karaoke Style)</span>
    <span>• AutoPlay</span>
    <span>• Custom Playlist</span>
    <span>• Song Request Channel</span>
    <span>• Supports Stage Channels</span>
    <span>• Fully customizable</span>
    
  </div>
  <br>


  <img loading="lazy" class="img" src="https://divabot.xyz/topgg/1.png">
  <br>
  <img loading="lazy" class="img" src="https://divabot.xyz/topgg/2.png">
  <br>
  <img loading="lazy" class="img" src="https://divabot.xyz/topgg/3.png">
  <br>
  <img loading="lazy" class="img" src="https://divabot.xyz/topgg/4.png">
  <br>
<img loading="lazy" class="img" src="https://i.imgur.com/poJyXNQ.png">
  <br>

  <img loading="lazy" class="img" src="https://i.imgur.com/ZL9sCY5.png">
  <br>
  <div class="embed">
    <h2 class="e-title">Listen to high quality music on Discord</h2>
    <span><a href="https://divabot.xyz/invite">Add to Discord</a></span>
  </div>
  <br>

<p class="f-hide">Best music bot</p>
  
  <style>
    :root {
      --diva-color: #ff73a9;
      --diva-hover: #ff73a9;
      --text-contrast: #fff;
      --diva-header-margin: 0;
      --accent: var(--diva-color);
      --text-blue: var(--diva-color);
      --link: var(--diva-color);
      --brand: 222, 50, 104;
      --contrast-dark: var(--brand);
      --contrast-light: var(--brand);
      --color-brand-100: var(--diva-color);
      --color-brand-80: var(--diva-hover);
      --color-brand-60: var(--diva-hover);
      --color-brand-40: var(--diva-hover);
      --color-brand-20: var(--diva-hover);
      --color-brand-10: var(--diva-hover);
      --color-brand-5: var(--diva-hover);
      
      /* New color variables */
      --gradient-1: linear-gradient(45deg, #ff73a9, #ff9ecd, #ff73a9);
      --gradient-2: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      --gradient-3: linear-gradient(45deg, #f093fb 0%, #f5576c 100%);
      --gradient-4: linear-gradient(45deg, #4facfe 0%, #00f2fe 100%);
      --gradient-5: linear-gradient(45deg, #43e97b 0%, #38f9d7 100%);
      --gradient-6: linear-gradient(45deg, #fa709a 0%, #fee140 100%);
      --gradient-7: linear-gradient(45deg, #a8edea 0%, #fed6e3 100%);
      --gradient-8: linear-gradient(45deg, #ff9a9e 0%, #fecfef 100%);
    }
    
    * {
      box-sizing: border-box;
    }
    
    body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      margin: 0;
      padding: 20px;
      min-height: 100vh;
    }
    
    .content-box {
      background-color: transparent;
      padding: 0;
      white-space: normal;
      color: white;
      max-width: 800px;
      margin: 0 auto;
    }

    h2, h3 {
      color: var(--top-gg-colors-text-100) !important;
    }

    .widgets {
      display: flex;
      background: linear-gradient(145deg, #2a2a3a, #363940);
      padding: 25px;
      border-radius: 15px;
      flex-wrap: wrap;
      gap: 25px;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
      border: 1px solid rgba(255, 115, 169, 0.1);
    }

    .embed {
  margin-top: 25px;
  max-width: 520px;
  background:
    radial-gradient(120% 140% at 20% 25%,
      rgba(255,115,169,0.12),
      rgba(118,75,162,0.08) 40%,
      rgba(0,0,0,0) 70%
    ),
    linear-gradient(145deg, #2a2a3a, #363940);
  border-radius: 15px;
  border: none;
  padding: 20px;
  display: flex;
  flex-direction: column;
  box-shadow:
    0 15px 30px rgba(0,0,0,0.35),
    0 0 20px rgba(255,115,169,0.15),
    inset 0 1px 0 rgba(255,255,255,0.1);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

.embed::after {
  content: "";
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  background: linear-gradient(45deg, transparent, rgba(255,115,169,0.15), transparent);
  border-radius: 17px;
  opacity: 1;
  filter: blur(6px);
  z-index: -2;
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover zoom + brighter glow */
.embed:hover {
  transform: scale(1.01) translateY(-3px); /* more subtle zoom + lift */
  box-shadow:
    0 20px 40px rgba(0,0,0,0.4),
    0 0 25px rgba(255,115,169,0.25),
    0 0 50px rgba(255,115,169,0.1),
    inset 0 1px 0 rgba(255,255,255,0.15);
  background:
    radial-gradient(120% 140% at 20% 25%,
      rgba(255,115,169,0.16), /* more subtle pink tint */
      rgba(118,75,162,0.12) 40%,
      rgba(0,0,0,0) 70%
    ),
    linear-gradient(145deg, #2a2a3a, #363940);
}

.embed:hover::after {
  background: linear-gradient(45deg, transparent, rgba(255,115,169,0.2), transparent);
  filter: blur(8px); /* more subtle glow */
}

/* Add a subtle pulse animation on hover */
.embed:hover .e-title {
  animation: pulse 2.5s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% {
    text-shadow: 0 0 3px rgba(255, 115, 169, 0.2);
  }
  50% {
    text-shadow: 0 0 8px rgba(255, 115, 169, 0.4);
  }
}

    
    @keyframes gradientShift {
      0%, 100% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
    }

    .embed h2 {
      margin: 0;
      padding: 0;
      font-size: 25px;
    }

    .embed span {
      color: var(--top-gg-colors-text-100) !important;
    }
    
    .embed span a {
      color: #ff73a9 !important;
      text-decoration: none;
    }
    
    .embed span a:hover {
      text-decoration: underline;
    }

    .img {
      border-radius: 15px;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      max-width: 100%;
      margin: 10px 0;
      cursor: pointer;
    }
    
    .img:hover {
      transform: translateY(-5px) scale(1.02);
      box-shadow: 
        0 15px 30px rgba(0, 0, 0, 0.4),
        0 0 20px rgba(255, 115, 169, 0.2),
        0 0 40px rgba(255, 115, 169, 0.1);
      border: 1px solid rgba(255, 115, 169, 0.3);
      filter: brightness(1.05) contrast(1.02);
    }
    
    label {
      display: inline-block;
      background-color: #ff73a9;
      color: white;
      padding: 6px 12px;
      border-radius: 4px;
      font-family: 'Courier New', monospace;
      font-size: 0.9em;
      margin: 10px 0;
    }
        
    labele {
      display: inline-block;
      background-color: #070707;
      color: white;
      padding: 6px 12px;
      border-radius: 4px;
      font-family: 'Courier New', monospace;
      font-size: 0.9em;
      margin: 10px 0;
    }
    
    a {
      color: #ff73a9;
      text-decoration: none;
    }
    
    a:hover {
      text-decoration: underline;
    }
    
    .f-hide {
      opacity: 0;
      height: 0px;
    }
    
    /* Responsive design */
    @media (max-width: 768px) {
      body {
        padding: 10px;
      }
      
      .widgets {
        flex-direction: column;
        gap: 15px;
      }
      
      .title {
        font-size: 1.5em;
      }
    }
  </style>
</div>

Diva

✨High Quality Music Bot, Supports YouTube, Spotify, Apple Music, 24/7 mode, AutoPlay, Filters, DJ commands, Custom playlists and more!

Diva Development

### ***"What is Euphony?"***
It's a music bot that can play audio through a voice channel in your server. Anyone else in the voice channel will be able to listen along to the same song as you in real-time. They can also add music to a queue for nonstop playback.
### ***"WHY is Euphony?"***
kidJDOG, the creator of Euphony, wanted a better music bot to exist. One that was simpler to use, yet still feature-packed. One that had a beautiful user interface, and had sick freakin' radio modes (like GTA V radio). So, he made that music bot.
### ***"I have to pay, don't I?"***
Nope! That's the best part about Euphony, you get a plethora of features for absolutely no cost. Some features require way more resources to be supported, and thus require a Euphony Plan (so JDOG doesn't go broke). But, trust me, each upgrade tier brings a lot of value!
### ***"Alright, fine. I'll try Euphony!"***
There we go—enjoy!

Euphony

A music bot with a beautiful user interface, supports all major Platforms!

Music Discordボット＆アプリ

Discord ボット

Diva

✨High Quality Music Bot, Supports YouTube, Spotify, Apple Music, 24/7 mode, AutoPlay, Filters, DJ commands, Custom playlists and more!

✨High Quality Music Bot, Supports YouTube, Spotify, Apple Music, 24/7 mode, AutoPlay, Filters, DJ commands, Custom playlists and more!

Euphony

A music bot with a beautiful user interface, supports all major Platforms!

A music bot with a beautiful user interface, supports all major Platforms!

Teke Lojistik

Teke Lojistik her zaman hizmetinizde. Destek sunucum: https://discord.gg/YtCAtm7WSm

Teke Lojistik her zaman hizmetinizde. Destek sunucum: https://discord.gg/YtCAtm7WSm

Birdy Music

The Best Simple Music Bot To Listening Along !

The Best Simple Music Bot To Listening Along !

Esando Bot

A versatile bot that has music, moderation, economy and miscellaneous commands.

A versatile bot that has music, moderation, economy and miscellaneous commands.

Bourne

A Discord bot with fully customizable, multipurpose, useful, easy and qualified.

A Discord bot with fully customizable, multipurpose, useful, easy and qualified.

D A E I I™️

• https://discord.gg/Y2TX4WQvFf • https://discord.gg/sAYaTTgGxm • https://github.com/DaeiiParham

• https://discord.gg/Y2TX4WQvFf • https://discord.gg/sAYaTTgGxm • https://github.com/DaeiiParham

Eytron

Eytron ist ein deutscher Discord Bot mit vielen nützlichen Funktionen

Eytron ist ein deutscher Discord Bot mit vielen nützlichen Funktionen

Astrosician

Astrosician is a bot made by Astro Development with a really advanced music system.

Astrosician is a bot made by Astro Development with a really advanced music system.

CJ MUSIC

BOT DE MUSICA PARA DISCORD :)

BOT DE MUSICA PARA DISCORD :)

BobMusic

The best musical bot discord you've ever seen. Fast, ergonomic, perfect functionality are the criteria for success of BobMusic

The best musical bot discord you've ever seen. Fast, ergonomic, perfect functionality are the criteria for success of BobMusic

Lenti

Lenti is a very versatile bot, whether it's to play music, start discord activities or get game offers, it can do it all - try it out now!

Lenti is a very versatile bot, whether it's to play music, start discord activities or get game offers, it can do it all - try it out now!

フィルター

並び替え

カテゴリ

言語

レビュー

総招待数