# Listen to music together on Discord!



<div class="content-box">
  
  
  <div class="embed">
    <h2 class="e-title">FEATURES</h2>
    <span>• Completely free to use</span>
    <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!

Music Discord Bots and Apps

Discord-Bots

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!

VaultCord - Discord backups

The #1 Backup Bot! Backup server, members, channels, messages & more. Custom verify page, block alt accounts, VPNs & more. Try now for FREE!

The #1 Backup Bot! Backup server, members, channels, messages & more. Custom verify page, block alt accounts, VPNs & more. Try now for FREE!

NeoMusic

Modern discord music bot that supports slash commands and button control.

Modern discord music bot that supports slash commands and button control.

Perly

The Best Multipurpose Discord Bot

The Best Multipurpose Discord Bot

JerBot

A bot made to simplify your moderation!

A bot made to simplify your moderation!

Python

You can do many things in this bot! Let's try "c.help" to see command list. Support : https://akishoudayo.herokuapp.com/support/

You can do many things in this bot! Let's try "c.help" to see command list. Support : https://akishoudayo.herokuapp.com/support/

Dj Ivis, só pancadão

"-help" to see commands Add me! https://discord.com/api/oauth2/authorize?client_id=888668520072740905&permissions=8&scope=bot

"-help" to see commands Add me! https://discord.com/api/oauth2/authorize?client_id=888668520072740905&permissions=8&scope=bot

cauvang

Bot discord made in vietnam

Bot discord made in vietnam

SaregamaBot

A high quality music bot for your server. 24/7 in vc feature for free. Invite me now to enjoy high quality music in your server.

A high quality music bot for your server. 24/7 in vc feature for free. Invite me now to enjoy high quality music in your server.

Tadashiko

🌟°.✩┈┈┈┈∘*┈┈୨♡୧┈┈*∘┈┈┈✩.°🌟 Fun aesthetic bot that'll light up your discord server! 🌈°.✩┈┈┈┈∘*┈┈୨♡୧┈┈*∘┈┈┈✩.°🌈

🌟°.✩┈┈┈┈∘*┈┈୨♡୧┈┈*∘┈┈┈✩.°🌟 Fun aesthetic bot that'll light up your discord server! 🌈°.✩┈┈┈┈∘*┈┈୨♡୧┈┈*∘┈┈┈✩.°🌈

Lonelypika

High quality Musicbot that plays 24/7, for FREE!

High quality Musicbot that plays 24/7, for FREE!

Melody

A general-purpose music bot for your server!

A general-purpose music bot for your server!

Filter

Sortieren

Kategorien

Sprachen

Bewertungen

Einladungen insgesamt

🌟°.✩┈┈┈┈∘┈┈୨♡୧┈┈∘┈┈┈✩.°🌟 Fun aesthetic bot that'll light up your discord server! 🌈°.✩┈┈┈┈∘┈┈୨♡୧┈┈∘┈┈┈✩.°🌈

🌟°.✩┈┈┈┈∘┈┈୨♡୧┈┈∘┈┈┈✩.°🌟 Fun aesthetic bot that'll light up your discord server! 🌈°.✩┈┈┈┈∘┈┈୨♡୧┈┈∘┈┈┈✩.°🌈