Skip to content
uxTools
Gaming

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.