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

Audit Logs

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

Leaderboards

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

Installable as User App

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>Emerald — Discord Bot</title>

<style>
:root {
    --bg: #0a0d12;
    --surface: #11151c;
    --text: #f8fafc;
    --muted: #94a3b8;
    --accent: #10b981;
    --accent-light: #34d399;
    --border: #1e293b;
}

* { 
    box-sizing: border-box;
    margin: 0;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: radial-gradient(ellipse at 50% 0%, #0f2a1e 0%, var(--bg) 60%);
    color: var(--text);
    line-height: 1.5;
    min-height: 100vh;
}

/* HERO */
.hero {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px 6vw; /* Changed from 0 to 40px to fix text cutoff */
    position: relative;
}

.hero h1 {
    font-size: clamp(2.8rem, 5vw, 4rem);
    max-width: 900px;
    margin: 0;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin-bottom: 24px; /* Added spacing */
}

.hero h1 span {
    background: linear-gradient(90deg, #34d399, #10b981);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.stats {
    display: flex;
    gap: 24px;
    margin-top: 32px;
    flex-wrap: wrap;
    justify-content: center;
}

.stats span {
    color: var(--muted);
    font-size: 15px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--border);
    border-radius: 20px;
}

.cta {
    margin-top: 40px;
}

/* IMPROVED INVITE BUTTON */
.cta a {
    background: linear-gradient(90deg, #0ea271, #10b981);
    color: white;
    padding: 18px 40px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 20px rgba(16, 185, 129, 0.3);
    border: 1px solid rgba(52, 211, 153, 0.2);
    position: relative;
    overflow: hidden;
}

.cta a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: 0.5s;
}

.cta a:hover::before {
    left: 100%;
}

.cta a:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(16, 185, 129, 0.5);
    background: linear-gradient(90deg, #10b981, #34d399);
}

.cta a:active {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(16, 185, 129, 0.4);
}

.cta a .icon {
    transition: transform 0.3s ease;
    font-size: 1.2em;
}

.cta a:hover .icon {
    transform: translateX(3px) scale(1.1);
}

/* SECTIONS */
.section {
    padding: 64px 6vw;
    background: var(--surface);
}

.section:nth-child(even) {
    background: transparent;
}

.divider {
    border-top: 1px solid var(--border);
    margin: 0 6vw;
}

/* TEXT */
.text {
    max-width: 950px;
    color: var(--muted);
    line-height: 1.8;
    font-size: 1.1rem;
}

.text strong {
    color: var(--text);
    font-weight: 600;
}

.text em {
    color: var(--accent-light);
    font-style: normal;
    font-weight: 500;
}

/* TITLE */
.title {
    font-size: 1.6rem;
    margin-bottom: 24px;
    color: var(--text);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* LISTS */
.list {
    max-width: 1100px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 16px 40px;
}

.list div {
    color: var(--muted);
    line-height: 1.7;
    padding: 12px 0;
    border-bottom: 1px solid rgba(30, 41, 59, 0.5);
    font-size: 15px;
}

.list div:hover {
    color: var(--text);
}

/* FOOTER */
.footer {
    padding: 48px 6vw;
    border-top: 1px solid var(--border);
    color: var(--muted);
    text-align: center;
    font-size: 15px;
    background: var(--surface);
}

.footer::before {
    content: '💚';
    margin-right: 8px;
}

/* Responsive */
@media (max-width: 768px) {
    .hero {
        min-height: 90vh;
        padding: 40px 5vw; /* Changed from 0 to 40px */
    }
    
    .hero h1 {
        font-size: 2.4rem;
    }
    
    .stats {
        gap: 12px;
    }
    
    .stats span {
        padding: 6px 12px;
        font-size: 14px;
    }
    
    .cta a {
        padding: 16px 32px;
        font-size: 16px;
    }
    
    .section {
        padding: 48px 5vw;
    }
    
    .list {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .divider {
        margin: 0 5vw;
    }
}

@media (max-width: 480px) {
    .hero h1 {
        font-size: 2rem;
    }
    
    .stats {
        flex-direction: column;
        align-items: center;
    }
    
    .cta a {
        padding: 14px 28px;
        font-size: 15px;
    }
}
</style>
</head>

<body>


<section class="hero">
    <h1>Emerald — <span>Your All-In-One Discord Companion</span></h1>

    <div class="stats">
        <span>Moderation</span>
        <span>Automation</span>
        <span>Engagement</span>
    </div>

    <div class="cta">
        <a href="https://discord.com/oauth2/authorize?client_id=1427340751880323172&permissions=8&scope=bot">
            <span class="icon">🌿</span>
            <span>Invite Emerald Now</span>
        </a>
    </div>
</section>

<div class="divider"></div>


<section class="section">
    <div class="text">
        🌿 <strong>Emerald</strong> is a powerful all-in-one Discord bot built to keep your community safe,
        active, and thriving. From advanced moderation to leveling systems, Emerald provides
        everything your server needs — without unnecessary complexity.
        <br><br>
        💫 <em>Simple. Smart. Powerful.</em>
    </div>
</section>

<div class="divider"></div>


<section class="section">
    <div class="title">🛡️ Moderation</div>
    <div class="list">
        <div>🚫 Kick, ban, mute, and warn users</div>
        <div>📝 Automatic logging with customizable filters</div>
        <div>⚡ Fast, reliable moderation commands</div>
    </div>
</section>

<div class="divider"></div>


<section class="section">
    <div class="title">👋 Welcome & Goodbye</div>
    <div class="list">
        <div>🎉 Custom welcome & leave messages</div>
        <div>🖼️ Supports embeds and images</div>
        <div>🎭 Auto-assign roles to new members</div>
    </div>
</section>

<div class="divider"></div>


<section class="section">
    <div class="title">🎟️ Ticket System</div>
    <div class="list">
        <div>🧾 Create and manage support tickets</div>
        <div>🔒 Private and organized ticket channels</div>
        <div>📜 Optional transcripts for moderation records</div>
    </div>
</section>

<div class="divider"></div>


<section class="section">
    <div class="title">💠 Reaction Roles</div>
    <div class="list">
        <div>💬 Assign roles using reactions</div>
        <div>🎨 Ideal for self-roles and access control</div>
    </div>
</section>

<div class="divider"></div>


<section class="section">
    <div class="title">🧱 Level System</div>
    <div class="list">
        <div>💥 Earn XP by chatting</div>
        <div>🏆 Level up and unlock special roles</div>
        <div>📊 View progress on leaderboards</div>
    </div>
</section>

<div class="divider"></div>


<section class="section">
    <div class="title">🧭 Information & Utilities</div>
    <div class="list">
        <div>📋 Server and user information</div>
        <div>⚙️ Ping, uptime, and system stats</div>
        <div>🧠 Helpful utility commands</div>
    </div>
</section>

<div class="divider"></div>


<section class="section">
    <div class="title">💚 Why Choose Emerald?</div>
    <div class="list">
        <div>✨ Easy to set up for any community size</div>
        <div>⚡ Fast, reliable, and actively maintained</div>
        <div>🎨 Fully customizable to match your server</div>
        <div>💬 Active support and regular updates</div>
    </div>
</section>

<footer class="footer">
    Emerald — Simple. Smart. Powerful.
</footer>

</body>
</html>

Emerald

All-in-one Discord bot for Autoassign, welcomes, embeds, tickets, utilities, logs, roles, moderation, stats & more.

Vote cho Emerald

Bạn muốn hỗ trợ chúng tôi?