Gallery Template Examples
Interactive examples showing different ways to implement Gallery Templates. Each example displays editable HTML markup alongside a live preview populated with real data from the Sprii widget. Click Edit to modify the markup and see the preview update in real time.
For simplicity, we're using the Tailwind CSS framework in our examples, but you can use any CSS framework you prefer.
Portrait Gallery
A full-height portrait card layout with a gradient text overlay.
List Gallery
Show our live shows in a list layout.
Product Clips Grid
A grid layout for displaying product clips using the product-card template type.
Shoppable Groups
A grid of shoppable group cards. Clicking a card opens the group's video collection.
Shoppable Clips
A grid of shoppable video clips with product info. Uses data-sprii-statuses="clip" with the product-card template type.