This project has a complementary web interface that you can use to control or configure your experience

Web Interface

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

Paid Features Available

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

Has Audio Filters

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 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 allows you to tweak the volume as a command

Volume Control

This bot can also be added as a user app, letting you use it outside servers where it’s installed.

Installable as User App

This project can be used in a Stage Channel

Stage Support

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Flynn Bot</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap" rel="stylesheet">


<style>
*{margin:0;padding:0;box-sizing:border-box}
html,body{overflow-x:hidden}
body{
font-family:Inter,sans-serif;
background:#07110a;
color:#fff;
line-height:1.6;
}

body:before{
content:"";
position:fixed;
inset:0;
background:
radial-gradient(circle at 15% 20%, rgba(255,215,0,.20), transparent 35%),
radial-gradient(circle at 85% 30%, rgba(0,255,140,.18), transparent 30%),
radial-gradient(circle at 50% 90%, rgba(173,255,47,.16), transparent 35%);
z-index:-1;
}

.container{
max-width:1300px;
margin:auto;
padding:24px;
}

.card{
background:linear-gradient(180deg,#0c1810,#0a120d);
border:1px solid rgba(186,255,72,.18);
border-radius:32px;
overflow:hidden;
box-shadow:
0 25px 80px rgba(0,0,0,.45),
0 0 40px rgba(187,255,0,.08);
}

/* HERO */
.hero{
padding:80px 60px;
display:grid;
grid-template-columns:1.2fr .9fr;
gap:60px;
align-items:center;
}

.badge{
display:inline-block;
padding:12px 20px;
border-radius:999px;
background:linear-gradient(90deg,#ffd000,#4dff88);
color:#0b140f;
font-weight:900;
margin-bottom:28px;
}

h1{
font-size:78px;
line-height:.95;
margin-bottom:20px;
font-weight:900;
background:linear-gradient(90deg,#fff7ae,#83ff9b);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.hero p{
font-size:19px;
max-width:760px;
color:#d8ffd9;
margin-bottom:35px;
}

.btn-wrap{
display:flex;
flex-wrap:wrap;
gap:16px;
margin-bottom:35px;
}

.btn{
padding:15px 28px;
border-radius:18px;
font-weight:800;
text-decoration:none;
transition:.3s;
}
.primary{
background:linear-gradient(90deg,#ffd000,#45ff85);
color:#07110a;
}
.secondary{
color:#ddffd5;
border:1px solid rgba(197,255,112,.35);
background:rgba(255,255,255,.03);
}
.btn:hover{transform:translateY(-4px)}


.stats {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: space-between;
}
.stat {
	flex: 1 1 180px;
	min-width: 140px;
	padding: 24px 10px;
	border-radius: 22px;
	background: rgba(195,255,0,.04);
	border: 1px solid rgba(193,255,107,.15);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.stat h3 {
	font-size: 32px;
	margin-bottom: 8px;
	white-space: nowrap;
}
.stat p {
	color: #d7ffcf;
	font-size: 18px;
	margin: 0;
	white-space: nowrap;
}

@media (max-width: 1100px) {
	.stats {
		flex-wrap: wrap;
		gap: 12px;
	}
	.stat {
		min-width: 120px;
		padding: 18px 6px;
	}
	.stat h3 {
		font-size: 26px;
	}
	.stat p {
		font-size: 15px;
	}
}

@media (max-width: 768px) {
	.stats {
		flex-direction: column;
		gap: 10px;
	}
	.stat {
		min-width: 0;
		width: 100%;
		padding: 14px 4px;
	}
	.stat h3 {
		font-size: 22px;
	}
	.stat p {
		font-size: 13px;
	}
}

.panel{
background:linear-gradient(180deg,#101e14,#0b1510);
padding:28px;
border-radius:28px;
border:1px solid rgba(197,255,112,.14);
margin-bottom:20px;
}

.widget img{width:100%;border-radius:16px}

.details-row{
display:flex;
justify-content:space-between;
padding:16px 0;
border-bottom:1px solid rgba(255,255,255,.06)
}
.details-row:last-child{border:none}
.label{color:#beff8c;font-size:13px;font-weight:700}
.value{font-size:22px;font-weight:800}

.server-box{
padding:22px;
border-radius:20px;
background:linear-gradient(90deg,#ffd000,#49ff8f);
color:#07110a;
font-size:32px;
font-weight:900;
text-align:center;
}

/* FEATURES */
.section{
padding:70px 60px;
border-top:1px solid rgba(255,255,255,.06);
}

.section h2{
font-size:52px;
margin-bottom:30px;
}

.features{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}

.feature{
padding:30px;
border-radius:24px;
background:rgba(255,255,255,.03);
border:1px solid rgba(196,255,112,.12);
}
.feature .icon{font-size:36px;margin-bottom:15px}
.feature h3{margin-bottom:12px}
.feature p{color:#d6ffd2}

/* COMMANDS */
.commands-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
}
.cmd-card{
padding:30px;
border-radius:24px;
background:linear-gradient(180deg,#111f15,#0c1710);
border:1px solid rgba(197,255,112,.12);
}
.cmd-card h3{
color:#dbff69;
margin-bottom:18px;
font-size:28px;
}
.cmd-card ul{list-style:none}
.cmd-card li{
padding:10px 0;
border-bottom:1px solid rgba(255,255,255,.05)
}

/* TIMELINE */
.roadmap{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
}
.phase{
padding:28px;
border-radius:24px;
background:rgba(255,255,255,.03);
border:1px solid rgba(197,255,112,.12);
}
.phase span{
display:inline-block;
margin-bottom:15px;
padding:8px 14px;
border-radius:999px;
background:#d8ff4d;
color:#07110a;
font-weight:800;
}

/* CTA */
.cta{
margin:40px 60px 70px;
padding:60px;
border-radius:30px;
background:linear-gradient(90deg,#ffd000,#4dff88);
color:#07110a;
text-align:center;
}
.cta h2{font-size:54px;margin-bottom:18px}
.cta p{max-width:800px;margin:0 auto 28px}
.cta .btn.secondary{
background:#07110a;
color:#fff;
border:none;
}

.footer{
padding:30px 60px;
border-top:1px solid rgba(255,255,255,.06);
display:flex;
justify-content:space-between;
flex-wrap:wrap;
color:#b8ff9d;
}

/* Responsive */
@media(max-width:1100px){
.hero{grid-template-columns:1fr;padding:45px}
.features{grid-template-columns:1fr 1fr}
.commands-grid{grid-template-columns:1fr 1fr}
.roadmap{grid-template-columns:1fr}
h1{font-size:58px}
.section{padding:50px 45px}
}

@media(max-width:768px){
h1{font-size:42px}
.hero p{font-size:16px}
.btn-wrap{flex-direction:column}
.btn{width:100%;text-align:center}
.stats{grid-template-columns:1fr 1fr}
.features,.commands-grid{grid-template-columns:1fr}
.section h2{font-size:38px}
.cta{margin:30px 24px 50px;padding:35px}
.cta h2{font-size:36px}
.footer{padding:24px;flex-direction:column;gap:12px}
}

@media(max-width:520px){
.stats{grid-template-columns:1fr}
.hero{padding:28px}
.section{padding:35px 24px}
}

</style>

</head>
<body>
<div class="container">
<div class="card">

<section class="hero">
<div>
<div class="badge">⚡ FLYNN BOT</div>
<h1>Flynn Bot</h1>
<p>
<h2>A powerful and advanced music bot. </h2>
<br>
<br>
 <h3>Introducing the Ultimate Discord Music Bot!</h3>
<br>
<br>
Looking for a high-quality, feature-rich music bot for your Discord server? Our Discord Music Bot is the perfect choice!
Built with Discord.js, Riffy, and Lavalink, this bot delivers seamless, high-quality music playback with support for
YouTube, Spotify, and more. Whether you're hosting a chill music session, a party, or just vibing with friends, this bot
will take your server’s music experience to the next level!
</p>

<div class="btn-wrap">
<a href="#" class="btn primary">Invite Flynn</a>
<a href="https://top.gg/bot/968780014608867369" class="btn secondary">Vote on Top.gg</a>
<a href="https://flynnbot.netlify.app/" class="btn secondary">Dashboard</a>
<a href="#commands" class="btn secondary">View Commands</a>
</div>

<div class="stats">
<div class="stat"><h3>500+</h3><p>Servers</p></div>
<div class="stat"><h3>120+</h3><p>Commands</p></div>
<div class="stat"><h3>99.9%</h3><p>Uptime</p></div>
<div class="stat"><h3>24/7</h3><p>Support</p></div>
</div>
</div>

<div>
<div class="panel widget">
<img src="https://top.gg/api/widget/968780014608867369.svg">
</div>

<div class="panel">
<h3 style="margin-bottom:20px;font-size:34px">Bot Details</h3>
<div class="details-row"><span class="label">Prefix</span><span class="value">=help || /help</span></div>
<div class="details-row"><span class="label">Library</span><span class="value">Discord.js</span></div>
<div class="details-row"><span class="label">Category</span><span class="value">Music, Game, Economy, Fun, Invest, Reaction,</span></div>
<div class="details-row"><span class="label">Website</span><span class="value"><a href="https://flynnbot.netlify.app/">Flynn Music</a></span></div>
</div>

<div class="server-box">📈 500+ Servers</div>
</div>
</section>

<section class="section">
<h2>Core Features</h2>
<div class="features">
<div class="feature"><div class="icon">🎵</div><h3>Music System</h3><p>Premium playback, filters, playlists and radio features.</p></div>
<div class="feature"><div class="icon">🛡</div><h3>Moderation</h3><p>Protection, automod, logs and security controls.</p></div>
<div class="feature"><div class="icon">🎮</div><h3>Economy & Games</h3><p>Daily rewards, slots, races, investments and more.</p></div>
<div class="feature"><div class="icon">🤖</div><h3>AI Utilities</h3><p>Smart assistant features and productivity tools.</p></div>
</div>
</section>

<section class="section" id="commands">
<h2>Command Categories</h2>
<div class="commands-grid">
<div class="cmd-card">
<h3>Information</h3>
<ul>
<li>/help</li><li>/botinfo</li><li>/ping</li><li>/serverinfo</li>
</ul>
</div>
<div class="cmd-card">
<h3>Music</h3>
<ul>
<li>/play</li><li>/queue</li><li>/pause</li><li>/lyrics</li>
</ul>
</div>
<div class="cmd-card">
<h3>Moderation</h3>
<ul>
<li>/ban</li><li>/warn</li><li>/lock</li><li>/setup</li>
</ul>
</div>
</div>
</section>

<section class="section">
<h2>Flynn Roadmap</h2>
<div class="roadmap">
<div class="phase">
<span>Phase 1</span>
<h3>Foundation</h3>
<p>Music, moderation and utility systems.</p>
</div>
<div class="phase">
<span>Phase 2</span>
<h3>AI Expansion</h3>
<p>Advanced assistant and automation modules.</p>
</div>
<div class="phase">
<span>Phase 3</span>
<h3>Premium Ecosystem</h3>
<p>Dashboard, plugins and server growth suite.</p>
</div>
</div>
</section>

<section class="cta">
<h2>Upgrade Your Discord Server</h2>
<p>Invite Flynn, explore the dashboard, and start using premium features today.</p>
<div class="btn-wrap" style="justify-content:center">
<a href="#" class="btn secondary">Invite Bot</a>
<a href="https://flynnbot.netlify.app/" class="btn secondary">Open Website</a>
</div>
</section>

<div class="footer">
<div>Flynn Bot © Fylo Team</div>
<div>Music • AI • Games • Protection</div>
</div>

</div>
</div>
</body>
</html>



Voto per Flynn.

Do you want to support us?