Discord Message Components Builder
Visually assemble the components array for a Discord message: stack action rows of buttons or a string select menu, then copy the paste-ready JSON.
Components JSON
[
{
"type": 1,
"components": [
{
"type": 2,
"style": 1,
"label": "Click me",
"custom_id": "btn_click"
}
]
}
]Quick starts
Action row 1Buttons
Button 1
About message components
Discord message components are the interactive elements attached to a bot message. They live in a components array of up to 5 action rows; each row holds either up to 5 buttons or a single string select menu. Buttons can be Primary, Secondary, Success, Danger (each with a custom_id) or Link (with a url); select menus expose a list of options. This tool builds the exact JSON your bot sends to the Discord API, entirely in your browser.