#
Card
The Card component creates a styled preview card linking to another page in your project. Cards automatically display the target page's title, category, description, date, and image.
[!card](/blog/2026-02-10-whats-new-in-retype-v312.md)
Retype v3.12 brings powerful new features for content discovery, visual design, and theme customization. This release introduces the Backlinks component for Retype Pro, automatic dark mode image switching, color preview chips, enhanced page descriptions, and comprehensive theming improvements.
#
Syntax
The basic syntax uses the [!card] identifier followed by a path to any page in your project.
[!card](path/to/page.md)Cards automatically extract and display metadata from the target page, including:
- Page title
- Category (if configured)
- Description
- Date (if configured)
- Image (if configured)
#
Layout
Cards support two layout modes: horizontal (default) and vertical.
#
Horizontal (default)
The default horizontal layout displays the image on the left and content on the right. This layout is ideal for single cards or when you want each card to take the full content width.
[!card](/blog/2025-07-02-whats-new-in-retype-v311.md)
Retype v3.11 puts you in control of your project's visual identity, while keeping everything fast, clean, and easy to use. This release brings Pro-level theme customization, smarter navigation, and faster syntax options to help you create documentation that feels more like your own.
#
Vertical
Use the vertical or vert layout for a stacked card design with the image on top and content below. Vertical cards are perfect for grid layouts with multiple cards.
[!card vert](/blog/2026-02-10-whats-new-in-retype-v312.md)
Retype v3.12 brings powerful new features for content discovery, visual design, and theme customization. This release introduces the Backlinks component for Retype Pro, automatic dark mode image switching, color preview chips, enhanced page descriptions, and comprehensive theming improvements.
You can also use the attribute syntax:
[!card layout="vertical"](/blog/2026-02-10-whats-new-in-retype-v312.md)
#
Two cards
Place multiple vertical cards together to create a responsive grid. With two cards, they display side by side on wider screens.
[!card vert](/blog/2026-02-10-whats-new-in-retype-v312.md)
[!card vert](/blog/2025-07-02-whats-new-in-retype-v311.md)
Retype v3.12 brings powerful new features for content discovery, visual design, and theme customization. This release introduces the Backlinks component for Retype Pro, automatic dark mode image switching, color preview chips, enhanced page descriptions, and comprehensive theming improvements.
Retype v3.11 puts you in control of your project's visual identity, while keeping everything fast, clean, and easy to use. This release brings Pro-level theme customization, smarter navigation, and faster syntax options to help you create documentation that feels more like your own.
#
Three cards
Three vertical cards create a balanced row on desktop screens.
[!card vert](/blog/2026-02-10-whats-new-in-retype-v312.md)
[!card vert](/blog/2025-07-02-whats-new-in-retype-v311.md)
[!card vert](/blog/2025-06-09-whats-new-in-retype-v310.md)
Retype v3.12 brings powerful new features for content discovery, visual design, and theme customization. This release introduces the Backlinks component for Retype Pro, automatic dark mode image switching, color preview chips, enhanced page descriptions, and comprehensive theming improvements.
Retype v3.11 puts you in control of your project's visual identity, while keeping everything fast, clean, and easy to use. This release brings Pro-level theme customization, smarter navigation, and faster syntax options to help you create documentation that feels more like your own.
We're excited to share the latest release of Retype, packed with features that make documentation more flexible and powerful. This release focuses on improving content authoring, navigation control, and extending markdown capabilities. See the full changelog for the v3.10 release.
#
Five cards
When displaying five cards, they automatically wrap into rows. On wider screens, you'll see three cards on the first row and two on the second. The cards in partial rows expand to fill the available space.
[!card vert](/blog/2026-02-10-whats-new-in-retype-v312.md)
[!card vert](/blog/2025-07-02-whats-new-in-retype-v311.md)
[!card vert](/blog/2025-06-09-whats-new-in-retype-v310.md)
[!card vert](/blog/2025-06-06-new-gitHub-pages-community-key.md)
[!card vert](/blog/2025-05-28-whats-new-in-retype-v39.md)
Retype v3.12 brings powerful new features for content discovery, visual design, and theme customization. This release introduces the Backlinks component for Retype Pro, automatic dark mode image switching, color preview chips, enhanced page descriptions, and comprehensive theming improvements.
Retype v3.11 puts you in control of your project's visual identity, while keeping everything fast, clean, and easy to use. This release brings Pro-level theme customization, smarter navigation, and faster syntax options to help you create documentation that feels more like your own.
We're excited to share the latest release of Retype, packed with features that make documentation more flexible and powerful. This release focuses on improving content authoring, navigation control, and extending markdown capabilities. See the full changelog for the v3.10 release.
All projects should have access to professional-grade documentation, no matter their budget. Starting today, the Retype Pro Community Key for GitHub Pages brings Retype’s full feature set to any project published on GitHub Pages, at no cost and with no strings attached.
Retype v3.9 brings improvements to callout components, broader syntax features to support other systems, enhanced image handling, and better print functionality. This release focuses on making Retype more compatible with other documentation platforms while adding powerful new features.
#
Mixed layouts
You can mix horizontal and vertical cards on the same page. Horizontal cards display individually while consecutive vertical cards group into a flex container.
[!card vert](/blog/2026-02-10-whats-new-in-retype-v312.md)
[!card vert](/blog/2025-07-02-whats-new-in-retype-v311.md)
[!card vert](/blog/2025-06-09-whats-new-in-retype-v310.md)
[!card](/blog/2025-06-06-new-gitHub-pages-community-key.md)
Retype v3.12 brings powerful new features for content discovery, visual design, and theme customization. This release introduces the Backlinks component for Retype Pro, automatic dark mode image switching, color preview chips, enhanced page descriptions, and comprehensive theming improvements.
Retype v3.11 puts you in control of your project's visual identity, while keeping everything fast, clean, and easy to use. This release brings Pro-level theme customization, smarter navigation, and faster syntax options to help you create documentation that feels more like your own.
We're excited to share the latest release of Retype, packed with features that make documentation more flexible and powerful. This release focuses on improving content authoring, navigation control, and extending markdown capabilities. See the full changelog for the v3.10 release.
All projects should have access to professional-grade documentation, no matter their budget. Starting today, the Retype Pro Community Key for GitHub Pages brings Retype’s full feature set to any project published on GitHub Pages, at no cost and with no strings attached.
#
Latest blog post
Render the latest blog post as a Card using templating syntax to dynamically reference the most recent post.
[!card]({{ content.blog.posts[0].filePath }})
Retype v3.12 brings powerful new features for content discovery, visual design, and theme customization. This release introduces the Backlinks component for Retype Pro, automatic dark mode image switching, color preview chips, enhanced page descriptions, and comprehensive theming improvements.
The content.blog.posts array contains all blog posts sorted by date (newest first). Use posts[0] to get the latest post and access its filePath property for the Card component.