Discord Embed Designer

Design a Discord embed and send it to a webhook, or copy the JSON for your own code.

Design a Discord message and send it straight out — through a webhook, or through the bot to a channel when you are inside a server tab.

Compose

Components v2 is the current format. Embed (v1) stays available for older layouts.

Message Text

Components V2

Build rich Discord Components v2 messages with containers, text, separators, buttons, menus, and more.

Drag the grip handles to reorder — the dragged item follows the cursor and snaps into place. Keyboard: focus a grip, press space, then arrow keys.

Preview

# Heading
Build a Components v2 message.

DocsGet Started

Container 1

📝 Text Display

➖ Separator

Spacing

Divider

🔘 Action Row

Within Discord limits · 1 container

Send via webhook

Paste a Discord webhook URL — the payload goes from your browser straight to Discord and is never persisted here.

Webhook URL

Use a channel's Edit Channel → Integrations → Webhooks to create one.

flags: 32768

Show payload

{
  "content": null,
  "embeds": null,
  "flags": 32768,
  "components": [
    {
      "type": 17,
      "accent_color": 5793266,
      "components": [
        {
          "type": 10,
          "content": "# Heading\nBuild a **Components v2** message."
        },
        {
          "type": 14,
          "divider": true,
          "spacing": 1
        },
        {
          "type": 1,
          "components": [
            {
              "type": 2,
              "label": "Docs",
              "style": 5,
              "url": "https://discord.com/developers/docs/components/reference"
            }
          ]
        }
      ]
    }
  ]
}

Providing reliable infrastructure since 2020 • Fun Guaranteed