Skip to content
Swift

Gallery & Slider Templates · v1.0.0

Vitrine

A 3D grid that tilts to your cursor and opens into full-screen previews.

Rated 4.9 out of 5 based on 76 reviews.1.1k sold1 variationUpdated September 20, 2026
01 / 04Click to enlarge
Screenshots of the Vitrine template: A 3D grid that tilts to your cursor and opens into full-screen previews.
3DHoverPreviewGrid

Overview

Vitrine is a perspective image grid that tilts continuously toward the cursor, then expands any tile into a full-screen content preview with oversized typography. Sixteen items ship in the grid, each with a matching preview panel.

The tilt is the hook and the preview is the payoff - it turns browsing into something tactile without adding a page load between looking and reading.

Best for: Product catalogues and portfolio indexes that need to feel physical.

What makes it different

1

Cursor-driven perspective

The whole grid rotates toward the pointer in 3D, continuously rather than in steps.

2

Expand to full-screen preview

Tiles open into a content panel with large display type and a return transition.

3

Sixteen paired items

Grid tile and preview panel are linked, so adding one means adding both and nothing else.

4

Custom cursor

An SVG cursor that responds to hoverable regions.

In the box

  • 16-item 3D grid with paired previews
  • GSAP 3.15 + Splitting.js + imagesLoaded
  • Self-hosted Inter and Anton
  • Prebuilt dist included - runs without a build

Built with

  • GSAP 3.15
  • Splitting.js
  • Parcel

Questions about Vitrine

Do I need to build it?

A prebuilt dist folder is included so you can deploy immediately. Building from source needs npm and Parcel.

Does the tilt work on touch?

Touch devices get the grid without tilt and tap straight through to the preview, which is the right trade.

Still unsure? Email us - or read how to choose a template.

Related

You might also consider

Pivot template - A grid that flips into a fullscreen slider, and back.50% off

Pivot

$34$17

A grid that flips into a fullscreen slider, and back.

GalleriesRated 4.8 out of 5 from 63 reviews.
Wake template - Neighbouring tiles part to make way as an item expands.55% off

Wake

$31$14

Neighbouring tiles part to make way as an item expands.

GalleriesRated 4.6 out of 5 from 36 reviews.
Cascade template - Grid items rise and rotate into place, staggered column by column.65% off

Cascade

$40$14

Grid items rise and rotate into place, staggered column by column.

ScrollRated 4.7 out of 5 from 92 reviews.