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

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!

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!

SPOTIFY

THE SPOTIFY MUSIC BOT IS A BOT THAT OFFERS AMAZING QUALITY MUSIC FEATURES TO IMPROVE YOUR MUSIC EXPERIENCE

THE SPOTIFY MUSIC BOT IS A BOT THAT OFFERS AMAZING QUALITY MUSIC FEATURES TO IMPROVE YOUR MUSIC EXPERIENCE

PENDRAGON✨

Hey, im Pendragon, one of the most complete bots with features for server management to tickets, reaction roles, server stats, levelling

Hey, im Pendragon, one of the most complete bots with features for server management to tickets, reaction roles, server stats, levelling

iobot

Le iobot est un bot multifonction il peut faire de la musique, de la modération, il inclut un système de Youtube Togheter...

Le iobot est un bot multifonction il peut faire de la musique, de la modération, il inclut un système de Youtube Togheter...

mNote

A discord bot focused on music player.

A discord bot focused on music player.

Alfred

Alfred is a multipurpose discord bot that lets you buy pets, roll dice, do coin flips, and more!

Alfred is a multipurpose discord bot that lets you buy pets, roll dice, do coin flips, and more!

EPRO

Music ・Economy ・Fun ・ Moderator ・ Furry

Music ・Economy ・Fun ・ Moderator ・ Furry

Chill Music

A music bot with many filters i am not sure but its better then any music bot in discord

A music bot with many filters i am not sure but its better then any music bot in discord

Radio A

Le bot vous permettra d'écouter Radio A sur votre salon vocal

Le bot vous permettra d'écouter Radio A sur votre salon vocal

Sarah+

Eğlence, müzik, moderasyon ve daha birçok özelliği olan Sarah+ Bot!

Eğlence, müzik, moderasyon ve daha birçok özelliği olan Sarah+ Bot!

Melodies

Music Bot With a Dashboard Panel Easy & No Lag Prefix Configurable

Music Bot With a Dashboard Panel Easy & No Lag Prefix Configurable

筛选器

排序中

类别管理

语文

评论

总邀请数