Shape-mask transitions
Clip-path geometry animates between slides; no opacity cross-fade anywhere.
Gallery & Slider Templates · v1.0.0
Facet
A slideshow whose images transition through animated shape masks.
Rated 4.7 out of 5 based on 44 reviews.700 sold4 variationsUpdated September 20, 2026
01 / 04Click to enlarge
Clip-pathSlideshowFour variantsFashion
Overview
Facet moves between slides by animating a clip-path shape across the frame - circles opening, diagonals sweeping, angular facets rotating - so the transition is the visual rather than a fade.
Four variants ship, each with a different mask family and pacing. It is a small template that does one thing conspicuously well.
Best for: Fashion lookbooks and campaign pages built around a handful of strong images.
What makes it different
Four mask families
Circular, diagonal, angular and layered, each a standalone variant page.
Caption choreography
Slide captions animate in counterpoint to the mask rather than with it.
Prebuilt dist
Deploy immediately; build from source only if you want to change the bundle.
In the box
- 4 variant slideshow pages
- GSAP 3.15 + imagesLoaded
- Self-hosted Manrope and Playfair Display
- 18 sample images, prebuilt dist included
Built with
- GSAP 3.15
- imagesLoaded
- Parcel
Questions about Facet
How many slides can it hold?
It ships with four to five per variant and scales comfortably to a dozen. Beyond that a grid serves the viewer better.
Can I write my own mask shape?
Yes - masks are clip-path polygon and circle values in the CSS, animated by GSAP. Add your own to the set.
Still unsure? Email us - or read how to choose a template.
Related
You might also consider
35% offVitrine
$34$22
A 3D grid that tilts to your cursor and opens into full-screen previews.
GalleriesRated 4.9 out of 5 from 76 reviews.
50% offPivot
$34$17
A grid that flips into a fullscreen slider, and back.
GalleriesRated 4.8 out of 5 from 63 reviews.
55% offWake
$31$14
Neighbouring tiles part to make way as an item expands.
GalleriesRated 4.6 out of 5 from 36 reviews.