Blocks are the building units of every page. They can hold text, images, galleries, slideshows, or even other blocks, letting you mix and match to create almost anything.
Basic Blocks
Text and Structure
Aside from headings and paragraphs, Automad ships with a diverse selection of text-based content block types.
Quotes are presented with visual emphasis.
Have the courage to follow your heart and intuition. They somehow already know what you truly want to become. Everything else is secondary.
Lists can be nested, they can be ordered or unordered.
- A list item
- Another list item
- This one is nested
- The last one
Tables can be used to display structured data.
| Title Left | Title Right |
|---|---|
| Some title here | Some text here |
| Text can be freely formatted inside tables | Just like any other text |
Images and Videos
Add images and videos uploaded to your site or embedded from external sources.
Images can include captions and link to other pages.
Video settings like autoplay and looping are controlled via the block settings in the top-left corner.
Collections of images can be showcased using masonry or grid galleries, as well as slideshow blocks.
Embedded Content
Automad supports many external platforms. Paste a link to embed videos or streams directly into your page.
Navigation
Use buttons to create clear calls to action.
A table of contents provides dynamic navigation for the current page.
Code and Math
Add code snippets with syntax highlighting. Choose a theme per page or globally.
export const filterEmptyData = <T>(data: T): Partial<T> => {
const filtered: Partial<T> = {};
for (const [key, value] of Object.entries(data)) {
if (!!value || value === false) {
filtered[key as keyof T] = value;
}
}
return filtered;
};Add basic math with KaTeX for academic purposes.
Advanced Types
In addition to the basic blocks, Automad provides more advanced types for complex use cases. Layout sections, pagelists, components, template language snippets, an email contact form, and raw HTML or Markdown blocks give you greater flexibility and control.