🏷️ Available on: Free and Pro · ⚙️ Find it in: Dashboard > Galleries · ⏱️ Time: 10 minutes
A Clipify Gallery turns a collection of Twitch clips into a responsive grid, list, or carousel. Visitors select a clip and watch it in a player dialog that covers the website at a comfortable size.
Choose the gallery source
| Source | Best for | How it updates |
|---|---|---|
| Curated | Hand-picked best clips | Follows the selected playlist and its order |
| Live: Newest | A frequently refreshed latest-clips section | Resolves recent eligible clips automatically |
| Live: Most viewed | An automatically maintained highlights section | Resolves the strongest eligible clips automatically |
Configure the layout
Choose Grid, List, or Carousel. Grid can respond automatically or use safe mobile, tablet, and desktop column counts. List offers compact and comfortable density. Carousel supports cards-per-view controls, navigation buttons, and indicators. Visitors cannot change the layout you publish.
Use metadata toggles to show or hide title, creator, views, duration, and creation date.
Publish and install
- Preview the gallery in the configuration page.
- Set it to Published when it is ready.
- Open Dashboard > Tools > Clip Gallery.
- Copy the Gallery ID or complete element snippet.
- Load Clipify Elements once and place the element where the gallery should appear.
<script type="module" src="https://clipify.us/elements/v1/clipify.js"></script>
<clipify-gallery gallery-id="YOUR_GALLERY_ID"></clipify-gallery>
Clipify does not offer a raw Gallery iframe. An iframe cannot open a modal over the surrounding website, especially when the gallery sits in a narrow column. The element creates the host-page dialog while keeping playback isolated in a Clipify frame.
Pro styling
Pro owners can save visual settings and use documented runtime variables for accents, surfaces, radius, gap, background, backdrop, and modal width. Internal classes and arbitrary stylesheets are not part of the styling API.
Related articles
- How to Install Clipify Elements on Your Website
- Which Clipify Website Feature Should You Use?
- How to Create and Manage Clip Playlists
Next step: Create a gallery