guidereference
Blog style guide — every element
A reference post showing all markdown and MDX components available when writing Tailwind blog content.
Tailwind1 min read
Use this page as a copy-paste reference when authoring new posts. Every supported element appears below.
Table of contents
Typography
Regular paragraph with bold, italic, strikethrough, and inline code.
Heading level 3
Heading level 4
Links
Lists
Unordered:
- First item
- Second item
- Nested item
Ordered:
- Step one
- Step two
Task list:
- Published post
- Draft post
Blockquote
Wind is free. Tailwind helps you use it.
Table
| Score | Meaning |
|---|---|
| 80+ | Strong tailwind potential |
| 50–79 | Mixed — plan your direction |
| below 50 | Headwind likely |
Code
function windScore(speed: number, direction: number): number {
return Math.round(speed * Math.cos(direction));
}pnpm --filter @tailwind/web dev{
"title": "Hello",
"published": true
}Images
Callouts
Tip: ride into the wind on the way out.
Info: scores update hourly from Open-Meteo data.
Warning: always check local conditions before heading out.