This bot offers extra features or perks that can be unlocked through optional payments or subscriptions.

Paid Features Available

This project allows you to display lyrics of the current playing song

The lyrics display as the music plays dynamically

The lyrics are displayed as one large response

Supports Lyrics

This project can be used in a Stage Channel

Stage Support

This project is able to distort the audio with the use of filters

Has Audio Filters

This project allows you to tweak the volume as a command

Volume Control

Whether the current project contains any paid features, is paid only, or is 100% free to use.

This project is free to use and contains no paywalls for core functionality.

Has Paid Features

This project can keep playing music automatically when the queue ends

Has Autoplay

This project allows you to save playlists to re-use later

Has Playlists

This project tracks any action done through its functionality to keep accountability on your staff

Audit Logs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Miyu - Magical Discord Companion</title>
</head>
<body>
    <div style="background: linear-gradient(135deg, #FF9A9E 0%, #FAD0C4 100%); color: #ffffff; font-family: Arial, sans-serif; padding: 20px; border-radius: 15px; max-width: 800px; margin: auto; box-shadow: 0 10px 30px rgba(0,0,0,0.3); position: relative; overflow: hidden;">
        
        
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 20% 80%, rgba(255,255,255,0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255,255,255,0.1) 0%, transparent 50%); pointer-events: none; animation: shimmer 4s ease-in-out infinite;"></div>
        
        
        <div style="display: flex; align-items: center; background: rgba(0,0,0,0.25); padding: 15px 20px; border-radius: 15px; margin-bottom: 25px; box-shadow: 0 6px 12px rgba(0,0,0,0.2); position: relative; z-index: 2; transition: all 0.3s ease;">
            <img src="https://i.imgur.com/S5k7iY4.png" alt="Bot Logo" style="width: 60px; height: 60px; border-radius: 50%; margin-right: 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: pulse 2s ease-in-out infinite;">
            <div style="font-size: 16px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height: 1.4;">
                <strong style="font-size: 18px;">🌸 Miyu:</strong> Welcome to the world of fun, moderation, and magic. I'm here to level up your Discord server experience ✨
            </div>
        </div>

        
        <div style="text-align: center; margin-bottom: 30px; position: relative; z-index: 2;">
            <h1 style="font-size: 32px; color: #fff; margin: 0 0 20px 0; text-shadow: 0 3px 6px rgba(0,0,0,0.3); animation: glow 3s ease-in-out infinite alternate;">
                🌸 Miyu - Your Magical Discord Companion 🌟
            </h1>
            <div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;">
                <span style="background: rgba(0,0,0,0.3); padding: 12px 20px; border-radius: 20px; font-size: 16px; font-weight: bold; box-shadow: 0 4px 8px rgba(0,0,0,0.2); transition: all 0.3s ease;">🏆 4,000+ Servers</span>
                <span style="background: rgba(0,0,0,0.3); padding: 12px 20px; border-radius: 20px; font-size: 16px; font-weight: bold; box-shadow: 0 4px 8px rgba(0,0,0,0.2); transition: all 0.3s ease;">👥 844.27K+ Users</span>
                <span style="background: rgba(0,0,0,0.3); padding: 12px 20px; border-radius: 20px; font-size: 16px; font-weight: bold; box-shadow: 0 4px 8px rgba(0,0,0,0.2); transition: all 0.3s ease;">🎵 244K+ Songs Played</span>
            </div>
        </div>

        
        <div style="background: rgba(0,0,0,0.25); border-radius: 15px; padding: 20px; margin-bottom: 30px; box-shadow: 0 6px 12px rgba(0,0,0,0.2); position: relative; z-index: 2;">
            <h2 style="color: #FFE4E1; font-size: 24px; margin: 0 0 20px 0; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); text-align: center;">🧩 Command Modules</h2>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px;">
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">🎉 Fun</div>
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">🎮 Games</div>
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">ℹ️ Info</div>
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">🛡️ Moderation</div>
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">🎵 Music</div>
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">🎭 Roleplay</div>
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">🧑‍🤝‍🧑 Roles</div>
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">⚙️ Settings</div>
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">🧰 Utility</div>
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">📜 Logging</div>
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">👋 Welcomer</div>
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">🎙️ Voice</div>
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">💎 Premium</div>
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">📩 Message Tracking</div>
                <div style="background: rgba(255,255,255,0.15); padding: 15px 12px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; box-shadow: 0 3px 6px rgba(0,0,0,0.2); transition: all 0.3s ease; cursor: pointer;">🔞 NSFW</div>
            </div>
        </div>

        
        <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-bottom: 30px; position: relative; z-index: 2;">
            <div style="background: rgba(0,0,0,0.2); padding: 10px; border-radius: 15px; box-shadow: 0 6px 12px rgba(0,0,0,0.2);">
                <iframe 
                    src="https://discord.com/widget?id=1241540468899315712&theme=dark" 
                    width="300" height="300" 
                    allowtransparency="true" 
                    frameborder="0" 
                    style="border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.2);">
                </iframe>
            </div>
            <div style="background: rgba(0,0,0,0.2); padding: 10px; border-radius: 15px; box-shadow: 0 6px 12px rgba(0,0,0,0.2);">
                <iframe 
                    src="https://miyu-app.netlify.app" 
                    width="300" height="300" 
                    style="border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.2);">
                </iframe>
            </div>
        </div>

        
        <div style="display: flex; gap: 15px; justify-content: center; margin: 25px 0; position: relative; z-index: 2; flex-wrap: wrap;">
            <a href="https://miyu-app.netlify.app/" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; padding: 15px 25px; border-radius: 25px; text-decoration: none; font-weight: bold; font-size: 16px; box-shadow: 0 6px 12px rgba(0,0,0,0.3); transition: all 0.3s ease; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">🌐 Website</a>
            <a href="https://discord.gg/TXQ3wnPsSj" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; padding: 15px 25px; border-radius: 25px; text-decoration: none; font-weight: bold; font-size: 16px; box-shadow: 0 6px 12px rgba(0,0,0,0.3); transition: all 0.3s ease; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">💬 Support</a>
        </div>

        
        <div style="width: 100%; border-radius: 15px; overflow: hidden; margin-bottom: 25px; display: flex; justify-content: center; position: relative; z-index: 2; box-shadow: 0 6px 12px rgba(0,0,0,0.2);">
            <img src="https://i.imgur.com/tkI90hD.png" alt="Bot Banner" style="max-width: 100%; height: auto; object-fit: contain; border-radius: 15px;">
        </div>

        
        <div style="margin-top: 15px; background: rgba(0,0,0,0.25); padding: 20px; border-radius: 15px; text-align: center; font-style: italic; color: #FFE4E1; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); position: relative; z-index: 2; font-size: 16px; box-shadow: 0 6px 12px rgba(0,0,0,0.2);">
            ⭐ Explore features, guides, and community support anytime! ⭐
        </div>
    </div>

    <style>
        @keyframes pulse {
            0%, 100% { 
                transform: scale(1); 
                box-shadow: 0 4px 8px rgba(0,0,0,0.3); 
            }
            50% { 
                transform: scale(1.05); 
                box-shadow: 0 6px 12px rgba(0,0,0,0.4); 
            }
        }
        
        @keyframes glow {
            0% { 
                text-shadow: 0 3px 6px rgba(0,0,0,0.3), 0 0 20px rgba(255,255,255,0.2); 
            }
            100% { 
                text-shadow: 0 3px 6px rgba(0,0,0,0.3), 0 0 30px rgba(255,255,255,0.4); 
            }
        }
        
        @keyframes shimmer {
            0%, 100% { opacity: 0.3; }
            50% { opacity: 0.7; }
        }

        /* Hover Effects */
        div[style*="cursor: pointer"]:hover {
            transform: translateY(-3px) scale(1.02) !important;
            background: rgba(255,255,255,0.25) !important;
            box-shadow: 0 6px 12px rgba(0,0,0,0.3) !important;
        }

        span[style*="background: rgba(0,0,0,0.3)"]:hover {
            transform: translateY(-2px) scale(1.05) !important;
            background: rgba(255,255,255,0.2) !important;
            box-shadow: 0 6px 12px rgba(0,0,0,0.3) !important;
        }

        a:hover {
            transform: translateY(-3px) scale(1.05) !important;
            box-shadow: 0 8px 16px rgba(0,0,0,0.4) !important;
        }

        div[style*="Bot Message Box"]:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 8px 16px rgba(0,0,0,0.3) !important;
        }
    </style>
</body>
</html>

Miyu

"Miyu: Kerala’s best trending and #1 verified multipurpose discord app! Enjoy music, moderation, and utilities, all in one. "

Voting for Miyu

Do you want to support us?