Blocks

AI Tools

No documentation can be complete with just text.

To add more than text to your documentation, just hit / anywhere in your documentation, search, and select the block you need.

The blocks menu will show, just like this one:

DeveloperHub supports the following blocks:

Code Blocks

Pretty-formatted code

Images

Full-size zoomable images

Tables

Supports inline media

Callouts

Highlight notes for readers

Videos

Embed from YouTube, Vimeo, Loom or upload your own

Cards

The exact block that makes this card

Synced Blocks

Single-sourcing tool to reuse content

Custom HTML

Embed anything in the page

Tabs

Split content for different user types

GitHub Code

Embed GitHub code

Index List

List the child pages under a parent page automatically

Conditional Block

Conditional content based on user variables

And the following inline blocks. Inline blocks go on the same line as text. DeveloperHub supports the following inline blocks:

Link to Page

Internal dynamic linking

Variables

Personalise documentation

Glossary

Define terms and definitions

Badges

Highlight text or use it for changelogs

Emojis

We have support for emojis everywhere, so if you felt the need to express using emojis then don't be shy 😄

Adding Empty Line around Blocks

To add an empty line above or below a block:

Hover over or under the centre of the block. An arrow would show.
Click on the arrow to add an empty line.

Last updated by Zaid Daba'een on Dec 16, 2025

Anything missing? Leave us feedback