A powerful, intuitive Discord webhook message builder and formatter. Craft stunning embed messages, manage rich content, and send notifications to Discord with zero hassle.

• 📝 Visual Embed Builder - Create beautiful Discord embeds with a live preview
• 🔗 Webhook URL Management - Store and manage your webhook URLs securely
• 🎨 Rich Content Support - Add authors, avatars, content blocks, files, and polls
• 👁️ Real-time Preview - See exactly how your message will look in Discord
• 📦 Discord API Integration - Built with Discord API types for full compatibility
• ⚡ Fast & Responsive - Powered by Next.js 15 with Turbopack for lightning-fast builds
• 🎯 Markdown Support - Full Discord markdown rendering with @odiffey/discord-markdown

• Node.js 18+
• pnpm, npm, yarn, or bun

# Clone the repository
git clone <your-repo-url>
cd discohook
# Install dependencies
pnpm install
# or: npm install, yarn install, bun install

# Start the development server
pnpm dev

Open http://localhost:3000 in your browser to start building webhooks!

# Build for production
pnpm build
# Start production server
pnpm start

src/
├── app/
│ ├── (app)/ # Main app routes
│ │ ├── App.tsx # Main application component
│ │ ├── EmbedMaker.tsx # Embed builder interface
│ │ └── WebhookURL.tsx # Webhook URL management
│ ├── payload/ # Discord message components
│ │ ├── Embed.tsx # Embed rendering
│ │ ├── Author.tsx # Author metadata
│ │ ├── Avatar.tsx # Avatar display
│ │ ├── Content.tsx # Message content
│ │ ├── File.tsx # File attachments
│ │ ├── Poll.tsx # Poll component
│ │ └── RichPreview.tsx # Rich content preview
│ └── ui/ # Reusable UI components
└── utils/ # Utility functions

• Next.js 15 - React framework with Turbopack
• React 19 - UI library
• TypeScript - Type safety
• Tailwind CSS - Utility-first styling
• Discord API Types - TypeScript definitions for Discord
• discord-markdown - Discord markdown parser

This project is open source and available under the MIT License.

Contributions are welcome! Feel free to:

• Report bugs
• Suggest features
• Submit pull requests

Made with ❤️ for Discord developers