Steps & cards
Steps
Walk a reader through an ordered procedure — the numbers are generated automatically, so you can reorder freely.
Install dependencies
Grab everything with your package manager of choice.
bun install
Add a page
Drop a Markdown file into your content folder — the route and sidebar entry appear on their own.
Run it
Start the dev server and open http://localhost:5173.
{% steps %}
{% step title="Install dependencies" %}
Body Markdown, including code blocks.
{% /step %}
{% step title="Run it" %} … {% /step %}
{% /steps %}
Cards
Link tiles for overviews and landing pages. Each card takes an optional title, href, and icon (an emoji, an inline <svg>, or a path under static/).
Quick start
Get a running site in under a minute.
Theming
Drop in a theme.css to restyle everything.
Markdoc
The tag system these blocks are built on.
Nesting
Folders become collapsible sidebar sections.
{% cards %}
{% card title="Quick start" href="/getting-started/quick-start" icon="🚀" %}
Get a running site in under a minute.
{% /card %}
{% /cards %}