This project has leaderboards highlighting the top players within either the server or globally

Leaderboards

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

Paid Features Available

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">
</head>
<body>

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800&display=swap');

.gap-5>hr{display:none;}

html[data-theme="light"]{
--color-background:#0e0f13!important;
--color-background-secondary:#0e0f13!important;
--color-ui:#fff!important;
--color-ui-100:#fff!important;
--top-gg-colors-chakra-body-text:rgba(255,255,255,0.92)!important;
--top-gg-colors-chakra-body-bg:#0e0f13!important;
color-scheme:dark!important;
}

body{
background:#0e0f13!important;
font-family:'Kanit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
color:#c9cdd4;
line-height:1.6;
position:relative!important;
}

.entity-content-wrapper{overflow:visible!important;max-height:none!important;}
.entity-content-wrapper *{white-space:normal!important;}

.cr-main{font-family:'Kanit',sans-serif!important;color:#c9cdd4;background:transparent;padding-bottom:48px;}
.cr-main h1,.cr-main h2,.cr-main h3,.cr-main h4{margin:0;color:#fff!important;}
.cr-main p{margin:0;}
.cr-main a{text-decoration:none;}
.cr-main img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid rgba(255,255,255,0.06);}

.cr-hero{text-align:center!important;padding:48px 24px 40px;position:relative;}
.cr-hero p,.cr-hero div,.cr-hero h1{text-align:center!important;}

.cr-hero::before{
content:'';
position:absolute;
top:0;left:50%;
transform:translateX(-50%);
width:700px;height:300px;
background:radial-gradient(ellipse,rgba(231,105,105,0.22)0%,transparent 65%);
pointer-events:none;
z-index:0;
}

.cr-hero-badge{
display:inline-flex;
align-items:center;
gap:6px;
background:rgba(231,105,105,0.12);
border:1px solid rgba(231,105,105,0.25);
color:#e87878;
font-size:13px;
padding:6px 14px;
border-radius:50px;
margin-bottom:20px;
position:relative;
z-index:1;
}

.cr-hero-title{
font-size:42px;
font-weight:800;
line-height:1.1;
letter-spacing:-1px;
margin-bottom:14px;
background:linear-gradient(180deg,#ffffff 0%,#b0bfdf 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
position:relative;
z-index:1;
}

.cr-hero-sub{
font-size:17px;
color:#8b8fa8!important;
max-width:520px;
line-height:1.6;
position:relative;
z-index:1;
margin:0 auto 28px;
}

.cr-hero-btn{
display:inline-flex;
align-items:center;
gap:8px;
background:rgb(231,105,105);
color:#fff!important;
font-size:15px;
padding:13px 28px;
border-radius:10px;
position:relative;
z-index:1;
box-shadow:0 4px 20px rgba(231,105,105,0.35);
}

.cr-stats {
display: none;
}

.cr-stat{
flex:1;
text-align:center;
border-right:1px solid rgba(255,255,255,0.07);
padding:0 16px;
}

.cr-stat:last-child{border-right:none;}

.cr-stat-num{
font-size:26px;
font-weight:600;
color:#fff!important;
letter-spacing:-0.5px;
}

.cr-stat-num span{color:#e87878!important;}

.cr-stat-label{
font-size:13px;
color:#8b8fa8!important;
margin-top:4px;
}

.cr-why-path {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 0 24px;
margin-bottom: 64px;
}

.cr-path-step {
flex: 1;
background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 16px;
padding: 24px 16px;
text-align: center;
position: relative;
}

.cr-path-icon {
width: 48px;
height: 48px;
margin: 0 auto 16px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(231, 105, 105, 0.1);
border: 1px solid rgba(231, 105, 105, 0.2);
border-radius: 12px;
color: rgb(231, 105, 105);
}

.cr-path-icon svg { width: 24px; height: 24px; stroke: currentColor; }
.cr-path-title { font-size: 15px; font-weight: 600; color: #fff; margin-bottom: 6px; }
.cr-path-desc { font-size: 13px; color: #8b8fa8; line-height: 1.4; }

.cr-path-arrow {
color: rgba(231, 105, 105, 0.3);
display: flex;
align-items: center;
flex-shrink: 0;
}

.cr-section-header{
padding:0 24px;
margin-bottom:24px;
padding-bottom:18px;
position:relative;
}

.cr-section-header::after{
content:'';
position:absolute;
bottom:-1px;
left:24px;
right:24px;
height:1px;
background:linear-gradient(90deg,rgb(231,105,105)0%,rgba(255,255,255,0.07)40%,transparent 100%);
}

.cr-section-title{font-size:22px;font-weight:500;color:#fff!important;}
.cr-section-sub{font-size:14px;color:#8b8fa8!important;margin-top:6px;}

.cr-cards{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
padding:0 24px;
margin-bottom:48px;
}

.cr-card{
background:linear-gradient(180deg,rgba(22,23,30,0.8)0%,rgba(12,12,16,0.95)100%);
border:1px solid rgba(255,255,255,0.06);
border-radius:14px;
padding:24px;
position:relative;
overflow:hidden;
}

.cr-card::after{
content:'';
position:absolute;
top:0;left:0;right:0;
height:1px;
background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent);
}

.cr-card-full{grid-column:span 2;}

.cr-card-header {
display: flex;
align-items: flex-start;
gap: 16px;
margin-bottom: 16px;
}

.cr-card-text {
flex: 1;
}

.cr-card-icon{
width:44px;
height:44px;
background:rgba(231,105,105,0.12);
border:1px solid rgba(231,105,105,0.2);
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.cr-card-icon svg{
width:22px;
height:22px;
stroke:rgb(231,105,105);
stroke-width:1.8;
}

.cr-card-title{font-size:16px;font-weight:500;color:#fff!important;margin-bottom:4px;}
.cr-card-desc{font-size:14px;color:#8b8fa8!important;line-height:1.6;margin-bottom:12px;}

.cr-card-img-pair{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}

.cr-mini-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
padding:0 24px;
margin-bottom:48px;
}

.cr-mini{
background:linear-gradient(180deg,rgba(20,21,28,0.6)0%,rgba(10,10,14,0.8)100%);
border:1px solid rgba(255,255,255,0.06);
border-radius:12px;
padding:18px;
}

.cr-mini-icon{
display:flex;
align-items:center;
margin-bottom:8px;
}

.cr-mini-icon svg{
width:20px;
height:20px;
stroke:rgb(231,105,105);
stroke-width:1.8;
}

.cr-mini-title{font-size:14px;font-weight:500;color:#fff!important;margin-bottom:4px;}
.cr-mini-desc{font-size:13px;color:#8b8fa8!important;line-height:1.5;}

.cr-cta{
margin:0 24px;
text-align:center;
background:linear-gradient(180deg,rgba(231,105,105,0.1)0%,rgba(231,105,105,0.02)60%,transparent 100%);
border:1px solid rgba(231,105,105,0.18);
border-radius:18px;
padding:56px 32px;
position:relative;
overflow:hidden;
}

.cr-cta::before{
content:'';
position:absolute;
top:-40px;
left:50%;
transform:translateX(-50%);
width:500px;
height:200px;
background:radial-gradient(ellipse,rgba(231,105,105,0.25)0%,transparent 70%);
}

.cr-cta-title{font-size:28px;font-weight:600;color:#fff!important;margin-bottom:10px;}
.cr-cta-btn{
display:inline-flex;
align-items:center;
gap:8px;
background:rgb(231,105,105);
color:#fff!important;
font-size:16px;
padding:14px 32px;
border-radius:10px;
box-shadow:0 4px 24px rgba(231,105,105,0.4);
}

.cr-cta-note{font-size:12px;color:#8b8fa8!important;margin-top:14px;}
.cr-cta-note a{color:#e87878!important;}

/* SWITCH TO VERTICAL MODE AT 1100PX */
@media (max-width: 1100px) {
  .cr-why-path { flex-direction: column; }
  .cr-path-arrow { transform: rotate(90deg); padding: 12px 0; }
  .cr-path-step { width: 100%; box-sizing: border-box; }
  .cr-cards { grid-template-columns: 1fr; }
  .cr-card-full { grid-column: span 1; }
  .cr-mini-grid { grid-template-columns: 1fr 1fr; }
  .cr-hide-mobile { display: none !important; }
  .cr-card-img-pair { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .cr-mini-grid { grid-template-columns: 1fr; }
  .cr-hero-title { font-size: 32px; }
}
</style>

<div class="cr-main">

<div class="cr-hero">
<div class="cr-hero-badge">The *Best* Engagement Bot</div>
<h1 class="cr-hero-title">Bring your server<br>back to life.</h1>
<div class="cr-hero-sub">Encourage chatting by giving members rewards they actually want. Watch your server go from dead to thriving—one message at a time.</div>

<a href="https://discord.com/oauth2/authorize?client_id=1261512844948803710&permissions=1376939928817&response_type=code&redirect_uri=https%3A%2F%2Fchatrewards.xyz%2Ftrack%2F&scope=bot%20identify&state=topggcta" class="cr-hero-btn">
Add to Discord
</a>
</div>

<div class="cr-section-header">
<div class="cr-section-title">Why Chat Rewards?</div>
<div class="cr-section-sub">Most servers go quiet after the first week. We make them loud again.</div>
</div>

<div class="cr-why-path">
<div class="cr-path-step">
<div class="cr-path-icon">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<div class="cr-path-title">Dead Chat</div>
<div class="cr-path-desc">Users join, see zero activity, and leave instantly.</div>
</div>

<div class="cr-path-arrow">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
</div>

<div class="cr-path-step" style="background: rgba(231,105,105,0.06); border-color: rgba(231,105,105,0.2);">
<div class="cr-path-icon" style="background: rgb(231,105,105); color: #fff;">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
</div>
<div class="cr-path-title">Add Chat Rewards</div>
<div class="cr-path-desc">Turn every message into a chance to win items.</div>
</div>

<div class="cr-path-arrow">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
</div>

<div class="cr-path-step">
<div class="cr-path-icon">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
</div>
<div class="cr-path-title">Active Growth</div>
<div class="cr-path-desc">Members get genuinely addicted to talking.</div>
</div>
</div>

<div class="cr-section-header">
<div class="cr-section-title">What's in the box</div>
<div class="cr-section-sub">This is our secret sauce.</div>
</div>

<div class="cr-cards">

<div class="cr-card cr-card-full">
<div class="cr-card-header">
<div class="cr-card-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7A8.38 8.38 0 0 1 4 11.5 8.5 8.5 0 0 1 12.5 3 8.5 8.5 0 0 1 21 11.5z"/></svg>
</div>
<div class="cr-card-text">
<div class="cr-card-title">Message Rewards</div>
<div class="cr-card-desc">Every message has a chance to drop credits. Members don't know when it'll hit, so they keep talking.</div>
</div>
</div>
<img src="https://chatrewards.xyz/media/legendaryrewardver2.PNG" alt="Legendary Reward">
</div>

<div class="cr-card cr-card-full">
<div class="cr-card-header">
<div class="cr-card-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
</div>
<div class="cr-card-text">
<div class="cr-card-title">Chat Drops</div>
<div class="cr-card-desc">A trivia question appears mid-chat. First person to answer right wins credits, creating a race to be first.</div>
</div>
</div>
<div class="cr-card-img-pair">
<img src="https://chatrewards.xyz/media/chatdropver2.PNG" alt="Chat Drop" class="cr-hide-mobile">
<img src="https://chatrewards.xyz/media/multiplechoicechatdrop.PNG" alt="Multiple Choice Drop">
</div>
</div>

<div class="cr-card">
<div class="cr-card-header">
<div class="cr-card-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
</div>
<div class="cr-card-text">
<div class="cr-card-title">Server Shop</div>
<div class="cr-card-desc">Set up roles, perks, or whatever fits your server. This is what people want to buy.</div>
</div>
</div>
<img src="https://chatrewards.xyz/media/chatrewardsupdatedshop.PNG" alt="Server Shop">
</div>

<div class="cr-card">
<div class="cr-card-header">
<div class="cr-card-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.29 7 12 12 20.71 7"/></svg>
</div>
<div class="cr-card-text">
<div class="cr-card-title">Cases</div>
<div class="cr-card-desc">Members spend credits to open cases with randomized loot. You decide how rare items are.</div>
</div>
</div>
<img src="https://chatrewards.xyz/media/caseexample.PNG" alt="Cases cmd">
<img src="https://chatrewards.xyz/media/caseopening.PNG" alt="Cases" style="margin-top:8px;">
</div>

<div class="cr-card">
<div class="cr-card-header">
<div class="cr-card-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" x2="18" y1="20" y2="10"/><line x1="12" x2="12" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="14"/></svg>
</div>
<div class="cr-card-text">
<div class="cr-card-title">Leaderboard</div>
<div class="cr-card-desc">A public ranking of who's earned the most. People love being #1.</div>
</div>
</div>
<img src="https://chatrewards.xyz/media/leaderboard.PNG" alt="Leaderboard">
</div>

<div class="cr-card">
<div class="cr-card-header">
<div class="cr-card-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3"/><line x1="12" x2="12" y1="17" y2="17"/></svg>
</div>
<div class="cr-card-text">
<div class="cr-card-title">Quests</div>
<div class="cr-card-desc">Daily and weekly goals give members something to work toward. Resets keep them coming back.</div>
</div>
</div>
<img src="https://chatrewards.xyz/media/questscommand.PNG" alt="Quests">
</div>

</div>

<div class="cr-section-header">
<div class="cr-section-title">The rest of it</div>
<div class="cr-section-sub">Stacks on top of everything above.</div>
</div>

<div class="cr-mini-grid">
<div class="cr-mini">
<div class="cr-mini-icon">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/></svg>
</div>
<div class="cr-mini-title">Daily Credits</div>
<div class="cr-mini-desc">A free daily reward just for showing up. Brings members back even on slow days.</div>
</div>

<div class="cr-mini">
<div class="cr-mini-icon">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M14 2s-1 2-4 5-5 4-5 4 1.5 3 3 5 5 3 5 3 1.5-3 3-5 4-5 4-5-3-3-5-5z"/><path d="M12 22s1-4 4-7"/></svg>
</div>
<div class="cr-mini-title">Boost Rewards</div>
<div class="cr-mini-desc">Boosters automatically get bonus credits. Nice perk that costs you nothing extra.</div>
</div>

<div class="cr-mini">
<div class="cr-mini-icon">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
</div>
<div class="cr-mini-title">Multipliers</div>
<div class="cr-mini-desc">Rare drops that temporarily 2x or 3x earnings. When one hits, chat explodes.</div>
</div>

<div class="cr-mini">
<div class="cr-mini-icon">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><rect x="3" y="7" width="18" height="14" rx="2"/><path d="M16 3s-1.5 2-4 2-4-2-4-2"/><line x1="12" x2="12" y1="7" y2="21"/></svg>
</div>
<div class="cr-mini-title">Special Rewards</div>
<div class="cr-mini-desc">Exclusive inventory items with unique bonuses. The rare stuff people actually brag about.</div>
</div>

<div class="cr-mini">
<div class="cr-mini-icon">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06A2 2 0 1 1 2.28 17.7l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09a1.65 1.65 0 0 0 1.51-1 1.65 1.65 0 0 0-.33-1.82L4.3 6.28A2 2 0 1 1 7.13 3.45l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06A2 2 0 1 1 21.72 6.3l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
</div>
<div class="cr-mini-title">Full Control</div>
<div class="cr-mini-desc">Adjust drop rates, cooldowns, reward values, logging - all of it. Set it up how you want.</div>
</div>

<div class="cr-mini" style="border-style: dashed; border-color: rgba(231,105,105,0.4);">
<div class="cr-mini-icon">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg>
</div>
<div class="cr-mini-title">And so much more...</div>
<div class="cr-mini-desc">Go to <a href="https://chatrewards.xyz" style="color:#e87878; text-decoration: underline;">chatrewards.xyz</a> to see the full potential of Chat Rewards.</div>
</div>
</div>

<div class="cr-cta">
<div class="cr-cta-title">Your chat won't fix itself.</div>
<div style="font-size:16px;color:#8b8fa8!important;margin-bottom:28px;position:relative;z-index:1;">Takes 60 seconds to set up. Free. So many servers are already running it.</div>
<a href="https://discord.com/oauth2/authorize?client_id=1261512844948803710&permissions=1376939928817&response_type=code&redirect_uri=https%3A%2F%2Fchatrewards.xyz%2Ftrack%2F&scope=bot%20identify&state=topggcta" class="cr-cta-btn">
Add to Discord
</a>
<div class="cr-cta-note">See everything at <a href="https://chatrewards.xyz/?utm_source=topggdesc">chatrewards.xyz</a></div>
</div>

</div>

</body>
</html>

Chat Rewards

Increase your server's activity with rewards for chatting. If you're tired of having a dead server, try Chat Rewards.

Chat Rewards に投票

私たちをサポートしませんか？