Section + link button accessory
9 · 10 · 2 · 4 components · 273 B
Primary CTA sits beside the heading. Style 5 link buttons only.
Section + button
Accessory is a real https link button.
Buy
Components V2 fixtures
Component embed lab
Every legal layout Tinycord can ship for Discordbot. Each fixture has a hosted /p/lab-* URL — copy and paste it in Discord to see the real unfurl.
Section + thumbnail accessory
9 · 10 · 11 · 4 components · 320 B
Thumbnail instead of a button. Spoiler flag blurs the media.
Section + thumbnail
Media accessory on the right.
Text Display markdown
10 · 2 components · 237 B
Headings, bold, italic, code, lists, and markdown links.
Section with 3 text blocks
9 · 10×3 · 2 · 6 components · 383 B
A section can hold up to three Text Displays.
Three text slots
Second Text Display in the same section.
Third Text Display — that is the max.
Open
Media Gallery · 1 image
12 · 3 components · 222 B
Single media item spans the full width.
One image
Media Gallery · 2 images
12 · 3 components · 304 B
Two-up grid.
Two images
Media Gallery · 4 images
12 · 3 components · 509 B
Common launch screenshot layout.
Four images
Media Gallery · 10 images (max)
12 · 3 components · 1145 B
Hard max of 10 media items per gallery.
Ten images · max
Action Row · 1 button
1 · 2 · 4 components · 197 B
Minimum action row.
One button row
Buy
Action Row · 5 buttons (max)
1 · 2×5 · 8 components · 586 B
Hard max of five link buttons per row.
Five buttons · max row
BuyDocsDemoJoinRSVP
Emoji + label buttons
1 · 2 + emoji · 6 components · 452 B
Link buttons can carry a unicode emoji with the label.
Emoji buttons
BuyDocsShare
Emoji-only button
2 · emoji · 4 components · 194 B
Label is optional when an emoji is present.
Emoji only
Separators · spacing + divider
14 · 6 components · 272 B
Spacing 1 / 2, with or without a hairline divider.
Above small gap
After spacing 1, no divider.
After spacing 2 with divider.
Spoiler container + media
17 spoiler · 12 spoiler · 3 components · 413 B
Container spoiler and per-item media spoiler.
Spoilered card
Accent color bar
17 accent_color · 4 components · 275 B
Container accent_color paints the left edge Discord shows.
Accent swatch
Theme color from your product page can map here.
Import
Two action rows
1 × 2 · 10 components · 646 B
Stack multiple rows for denser CTA banks.
Two rows
StorePatch notesCommunity
DocsAPI
Kitchen sink · full layout
9 · 12 · 14 · 1 · 11 components · 1165 B
Section CTA, gallery, divider, and a full button row together.
Kitchen sink
Every common layout piece Discord component embeds support for unfurls.
Buy
DocsWaitlistEventExamples
Disabled link button
2 disabled · 5 components · 300 B
Schema allows disabled; Discord greys it out.
Disabled CTA
Sold outNotify me
What this stretches
- Link buttons only — type 2, style 5, https URLs. No custom_id, no sku_id, no Nitro gift flows.
- Action rows hold at most five buttons. Galleries hold at most ten media items. Sections hold at most three text displays.
- Paste any
/p/lab-*link above into Discord. Discordbot reads server-rendered JSON; client JS never reaches the crawler.
Prefer a product-ready card? Browse examples or import a site.
Ready for a real card?
Leave the lab and publish a portfolio, business card, or drop.