Create a grid of images

Posted on July 14, 2025 at 01:46 in Europe/Paris

A feature of leptos_ssg is the ability to take a directory containing images, and rendering them in a grid on the HTML page.

The grid will not be rendered for the RSS feed. I recommend to provide a link to the directory directly in a paragraph next to the grid, and let your web server present the list of files.

In the markdown

Insert this custom HTML tag (which does not exist):

<ImageGrid src="path-to-images/" />

This will tell leptos_ssg to render a leptos component with a grid showing images with links to their file.

In action

See it below:

forgejo.svgmousefood.svgnaviarent.pngnixos.svgrust.svg