# 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!

Youtube 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!

VaultCord — Ultimate Server Backup & Alt Detection

Securely back up your Discord members & settings and detect alt accounts before they cause problems. Built for server safety and control.

Securely back up your Discord members & settings and detect alt accounts before they cause problems. Built for server safety and control.

L1m3Music

A Simple music bot with YouTube, Soundcloud, and Spotify Support!

A Simple music bot with YouTube, Soundcloud, and Spotify Support!

SubsBot

Youtube Abone Bot

Youtube Abone Bot

Dj Braum ♪

Dj Braum, Supports your server with incredible music quality! A league of legends inspired Discord Music Bot

Dj Braum, Supports your server with incredible music quality! A league of legends inspired Discord Music Bot

Tano ✨

A best quality music bot which makes you to feel the music and its beats. It supports YouTube, Spotify, Soundcloud & more.

A best quality music bot which makes you to feel the music and its beats. It supports YouTube, Spotify, Soundcloud & more.

Empire

Cool Music Bot That Can Makes Your Life Easier

Cool Music Bot That Can Makes Your Life Easier

Xyro Music

Play music from Spotify and Soundcloud easily and quickly with this bot.

Play music from Spotify and Soundcloud easily and quickly with this bot.

GDTube

GDTube is a bot streaming quality music with simple controls, come and try

GDTube is a bot streaming quality music with simple controls, come and try

Dove

Advanced Music bot dedicated to singer, songwriter, and actress Dove Cameron. Made with love from Project Razer

Advanced Music bot dedicated to singer, songwriter, and actress Dove Cameron. Made with love from Project Razer

Makima

Um bot de música super legal e com alta qualidade para o seu servidor com suporte a SlashCommands e LavaLink!

Um bot de música super legal e com alta qualidade para o seu servidor com suporte a SlashCommands e LavaLink!

Xengu

Xengu - Create a Watch2Gether room from your discord channel. You can preload videos and push new videos to the room.

Xengu - Create a Watch2Gether room from your discord channel. You can preload videos and push new videos to the room.

筛选器

排序中

类别管理

语文

评论

总邀请数