Essentials

Images and Embeds

Add image, video, and other HTML elements

Markdown

Display images or videos using standard Markdown syntax.

![Nuxt Social Image](https://nuxt.com/new-social.jpg)

Or with your local images

![Snow-capped mountains in a sea of clouds at sunset](https://ptg90phsi6rf8j7h.public.blob.vercel-storage.com/site/mountains.webp)

TockDocs will use <NuxtImg> component under the hood instead of the native img tag.

Use the built-in video component with a local or remote media file.

:video{autoplay controls loop src="/videos/demo.mp4"}

Components

Use Markdown components to help you structure your content, with the help of Nuxt UI.

Mermaid Diagrams

Learn how to create Mermaid diagrams in TockDocs Markdown pages.