HRB – Html Render Bot

🚀 What is HRB?

HRB (Html-render-bot) is a unique Discord bot that brings your HTML & CSS creations to life, right inside your server!
Just use a simple slash command, enter your code, and get a screenshot of your rendered design—perfect for sharing, feedback, or showing off your web skills.

---

✨ Features

• 🎨 Live HTML & CSS Rendering
  Instantly preview your web designs as an image, right in Discord.

• 📝 User-Friendly Slash Command
  Use /render to open a modal—paste your HTML and CSS, submit, and get your result!

• 🔒 No JavaScript Support (Yet!)
  For security and simplicity, only HTML & CSS are rendered. JS support may come later!

• 📸 Headless Browser Screenshots
  Your code is rendered in a headless browser and returned as a crisp screenshot.

---

🛠️ How It Works

1. Run /render in your Discord server.
2. Fill out the modal:
   • Paste your HTML code
   • Paste your CSS code
3. Submit and wait a few seconds.
4. Get a screenshot of your rendered page—ready to share!

---

🔒 Security Notice

• All rendering happens in a secure, sandboxed environment.
• Only HTML & CSS are supported (no JavaScript execution).

---

📦 Installation

Coming soon: Add to your server with a single click!

Running Locally:

git clone https://github.com/HarshGaur387R/Html-render-bot.git
cd Html-render-bot
npm install
# Configure your Discord bot token and settings
npm start

---

🤖 Commands

Command	Description
/render	Open the modal to render HTML & CSS

---

💡 Example

Above: Example of a rendered HTML & CSS design returned by HRB.

---

📚 Roadmap

• JavaScript rendering support
• Custom output size options
• More advanced error handling & previews
• Caching of images and videos
• Storing in images and videos in dedicated database
• Gif & Video format support to capture animations

---

👤 Author

• GitHub: HarshGaur387R

---

📜 License

MIT License

---

HRB: Instantly share and showcase your web designs with your Discord community!

---