Skip to content

A sleek, modern landing page template for Discord bots powered by HTML, TailwindCSS, and GSAP animations.

Notifications You must be signed in to change notification settings

RedolentHalo/discord-bot-website-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🤖 Discord Bot Website Template

A sleek, modern landing page template for Discord bots powered by HTML, TailwindCSS, and GSAP animations.

License HTML TailwindCSS GSAP

image

✨ Features

  • 🎨  Modern gradient design
  • 📱  Responsive layout
  • ⚡  GSAP animations
  • 🎯  Expandable command categories
  • 🌙  Dark theme + blur effects
  • 🔄  Loading animations
  • 📊  Live GitHub stats
  • 💫  Interactive UI elements

🚀 Quick Start

# Clone repository
git clone github.com/redolenthalo/discord-bot-website-template

# Navigate to directory
cd discord-bot-website-template

# Open in browser
open index.html

⚙️ Customization

Basic Setup

  1. Bot Info

    <!-- Update in index.html -->
    <title>Your Bot Name</title>
    <meta name="description" content="Your bot description">
  2. Assets

    # Replace with your images
    /images/
    ├── logo.png     # Bot logo
    └── user.png     # Testimonial avatars
  3. Colors

    /* Modify in styles.css */
    .gradient-bg {
      background: linear-gradient(-45deg, #dc2626, #991b1b);
    }

📝 Command Structure

// Configure in script.js
const commandsData = {
  moderation: {
    icon: "🛡️",
    title: "Moderation",
    commands: [
      {
        name: "/ban",
        description: "Ban a user",
        permission: "ADMINISTRATOR"
      }
    ]
  }
};

Star Repo

💝 A star would be greatly appreciated!