Skip to content
DocumentationExamples
Example

Album / Portfolio

A reusable gallery and portfolio shell.

Generic project illustration

Project 1

A flexible card for work, resources or media.

View project
Generic project illustration

Project 2

A flexible card for work, resources or media.

View project
Generic project illustration

Project 3

A flexible card for work, resources or media.

View project
Generic project illustration

Project 4

A flexible card for work, resources or media.

View project
Generic project illustration

Project 5

A flexible card for work, resources or media.

View project
Generic project illustration

Project 6

A flexible card for work, resources or media.

View project
Beyond Bootstrap

Take this pattern further with Versa

These Versa components extend the same idea with richer layouts, interactions and reusable production patterns.

Image Gallery Grid

A linked image collection with captions and consistent proportions.

Image Grid

An editorial image arrangement with keyboard-accessible lightboxes.

Masonry Gallery

Responsive columns with a keyboard-accessible image detail dialog.

Before / After

A labeled native range control reveals two versions of the same composition.