# 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

# Enjoy music on Discord with friends!
Add audio filters, autoplay, 24/7 mode, custom playlists, and more. Whether it's a chill vibe or a party, enhance every moment with high-quality sound and smart features. Invite the bot and elevate your listening experience now!

<iframe src="https://matchboxbot.xyz/" width="100%" height="1000px"></iframe>

MatchBox

🔥 MatchBox Is Not Just a Bot – It's Your Music Universe on Discord which supports all major platforms!

Bot và ứng dụng Music cho Discord

Bot cho 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!

MatchBox

🔥 MatchBox Is Not Just a Bot – It's Your Music Universe on Discord which supports all major platforms!

🔥 MatchBox Is Not Just a Bot – It's Your Music Universe on Discord which supports all major platforms!

Musarc

A music bot designed to be simple and yet efficient.

A music bot designed to be simple and yet efficient.

HelperBot

A bot that makes adding features to your server easy!

A bot that makes adding features to your server easy!

𓆩𝓚𝓪𝔂𝓁𝑒𝓀 ࿐

To use filters, km!help Bot debug, ping Music

To use filters, km!help Bot debug, ping Music

BushBOT

BushBOT Moderation Fun and Music BOT!!

BushBOT Moderation Fun and Music BOT!!

Hyper Bot

A multiple purpose bot with an amazing Music System, Economy and a revolutionary Leveling features.

A multiple purpose bot with an amazing Music System, Economy and a revolutionary Leveling features.

Kenshin

Kenshin is a small music bot with good quality

Kenshin is a small music bot with good quality

667

Un bot discord qui peut vous être utile pour votre serveur !

Un bot discord qui peut vous être utile pour votre serveur !

beat

BEAT A HIGH QUALITY DISCORD MUSIC BOT WITH 24/7 INVC FEATURE

BEAT A HIGH QUALITY DISCORD MUSIC BOT WITH 24/7 INVC FEATURE

MOOSIC

Pretty decent music bot which searches songs from you-tube and auto-plays as well

Pretty decent music bot which searches songs from you-tube and auto-plays as well

Lotus Penthaus

German, Globalchat, Moderations Befehle, Dazu kommendes Dashboard. Jede Woche Updates.

German, Globalchat, Moderations Befehle, Dazu kommendes Dashboard. Jede Woche Updates.

Lọc

Sắp xếp theo

Danh mục

Ngôn ngữ

Nhận xét

Tổng lượt mời