Discord webhook website

Discord Webhook Manager is a full-featured, client-side web application designed to simplify and enhance the process of sending Discord webhook messages. Built with pure HTML, CSS, and JavaScript — no backend required — it runs entirely in the browser using localStorage for persistent data.

📨 Advanced Sender

• Visual Builder: Create embeds, add fields, and upload images via an intuitive drag-and-drop UI

• JSON Mode: Switch to raw JSON editing for complex payloads or pasting existing code

• Markdown Toolbar: Support for Bold, Italic, Underline, Strikethrough, Code blocks, Spoilers, and User Mentions

• File Upload: Attach images or files with drag-and-drop support (up to 8MB)

• Identity Override: Change the username and avatar per message

📱 Live Preview

• Real-time Rendering: See exactly how your message will look in Discord before sending

• Mobile View: Toggle between Desktop and Mobile width to check formatting across devices

🎮 Component Builder

• Interactive Elements: Create Action Rows and Buttons with visual builder

• Button Styles: Support for Primary, Secondary, Success, Danger, and Link buttons

• Live Preview: Buttons render interactively in the preview pane

💾 Data Management

• Template System: Save your favorite message layouts for quick reuse

• Pre-built Library: 6 ready-to-use templates (Announcements, Welcome, Alerts, Changelog, Status Update, Rules)

• Webhook Bookmarks: Save and organize frequently used webhook URLs

• History Log: Automatically keeps track of sent messages (configurable: 10, 25, 50, or 100)

• Local Storage: All data stays in your browser — no external database required

⚡ Productivity

• Command Palette (Ctrl+K): Quick actions and page navigation

• Emoji Picker: Categorized emoji search with Smileys, Gestures, Hearts, Symbols, and Nature categories

• Rate Limit Indicator: Shows remaining API requests and reset timer

• Message Editor/Deleter: Edit or delete previously sent messages by Message ID

• Webhook Health Check: Verify if saved webhook URLs are still active

• Data Export/Import: Backup and restore all data as JSON

• Diff Viewer: Compare two payloads side by side

• Keyboard Shortcuts: Ctrl+Enter to send, Ctrl+S to save template, Ctrl+J to toggle JSON mode

🎨 Design

• Discord-inspired dark theme with glassmorphism effects

• Responsive layout supporting desktop, tablet, and mobile

• Smooth animations and transitions throughout the UI

• Sidebar navigation with tooltips and active state indicators