Card

The card component presents content in a structured format with logo, title, description and optional elements like icons, buttons, labels or bullet points.

Card with logo image

Link on the card

Card with hexagon

Link on the card

Card with logo link

Link on the logo

Learn more

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

PDF Export

Every page with PDF export enabled can be downloaded as a print-optimized PDF. The layout is automatically adjusted for printing – without menu, navigation or interactive elements.

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

RSS Feed

Every page with RSS feed enabled is automatically included in the feed. Subscribers receive new content directly in their RSS reader – without tracking, without algorithm.

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Markdown

Markdown is a simple markup language that allows you to create formatted text using plain text syntax.

This section demonstrates important Markdown features: italic text, bold text, and bold-italic text. You can also insert links and create lists:

• First list item
• Second list item with emphasis
• Third list item

Numbered lists work as well:

1. First step
2. Second step
3. Third step

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Grid

The grid component displays content in a customizable grid layout. Ideal for galleries, portfolios or structured overviews with multiple elements.

Image landscape

Image portrait

Audio landscape

Audio portrait

Video landscape

Video portrait

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Video

The video component supports both portrait and landscape formats. Videos are loaded with a preview image and can be played by the user.

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Audio

The audio component displays a preview image with an integrated audio player. Perfect for music, podcasts or sound design presentations.

00:00 / 00:00

Audio landscape

00:00 / 00:00

Audio portrait

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Playlist

The playlist component displays a list of audio tracks with an optional preview image. Perfect for albums, podcasts or music collections.

00:00 / 00:00

Example Playlist

Six tracks with alternating preview images, progress display and track numbering

1. Track 1 00:00

2. Track 2 00:00

3. Track 3 00:00

4. Track 4 00:00

5. Track 5 00:00

6. Track 6 00:00

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Image

The image component displays optimized images in various formats. Supports responsive display and automatic image optimization.

Image landscape

Image portrait

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Slideshow

The slideshow component displays multiple images in an interactive slideshow with swipe gestures, keyboard navigation and dot indicators.

Test image animation 1

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Card with Metadata

The card component takes detail, title, description, icons, buttons, links, labels and bullet list in a single card.

Detail text

Card with all features

With logo image, detail, title, description, icons, buttons, links, labels and bullet list

AI-Assisted Text

AI Translation

Inverted label

Text only

Button

Button with icon

Inverted button

Button with image

Learn moreExternal link

Link with icon

Link with image

• Example bullet point 1
• Example bullet point 2
• Example bullet point 3

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Image / Audio / Video with Metadata

Image, audio and video components support optional icons, labels, buttons and links below the media. Ideal for artworks, portfolios or media pages with additional information and links.

Example caption

AI-Assisted Text

AI Translation

Inverted label

Text only

Button

Button with icon

Inverted button

Button with image

Learn moreExternal link

Link with icon

Link with image

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Slideshow with Metadata

The slideshow component supports the same metadata as images, audio and video. Icons, labels, buttons and links are displayed below the slideshow.

Test image animation 1

AI-Assisted Text

AI Translation

Inverted label

Text only

Button

Button with icon

Inverted button

Button with image

Learn moreExternal link

Link with icon

Link with image

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Newsletter

The Keila component displays a newsletter subscription form that uses the Keila service to manage subscriptions.

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Server Stats

The UptimeKuma component shows live status badges from an UptimeKuma instance – availability, uptime and response time.

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Language Selector

The LanguageSelector component shows a selection of all available languages on the page with flag icons.

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Icons

The icon component displays any number of icons with optional links.

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Buttons

The button component displays any number of buttons with optional styles.

Button

Button with icon

Inverted button

Button with image

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Links

The links component displays any number of text links. Ideal for further pages or external resources.

Learn moreExternal link

Link with icon

Link with image

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Labels

The label component displays any number of labels with optional styles.

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.

Logo

The logo component displays a single logo as image, SVG or icon with optional link.

Logo Image

Images are automatically optimized and displayed in various shapes.

Logo image (original) – image in original aspect ratio without cropping.

Logo image (circle) – image cropped to square with rounded edges.

Logo image (squircle) – image cropped to square with rounded corners.

Logo image (square) – image cropped to square without rounding.

Logo image (hexagon) – image cropped in hexagon shape.

Logo image (triangle) – image cropped in triangle shape.

Logo image (parallelogram) – image cropped in parallelogram shape.

Logo SVG

SVGs are displayed losslessly and support the same shapes as images.

Logo Icon

Logo with Link

Logos can be linked and show a hover effect.

Logo image with link.

Any Markdown text can be placed between the components – allowing content and interactive elements to be combined flexibly.