CMS Gallery Slideshow in Framer

CMS Gallery Slideshow in Framer

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Website

CMS Gallery Slideshow in Framer

This is a demo website in Framer that showcases how you can create a CMS gallery. When you click on each image, that specific image will open in a slideshow overlay.

image of Nandi Muzsik

Created by

CMS Gallery Slideshow in Framer
CMS Gallery Slideshow in Framer
CMS Gallery Slideshow in Framer

Related Lesson

Related Lesson

Related Lesson

About The Resource

The trick I used to create this setup in Framer is adding a "Order" number field to the CMS items. Each item gets a unique number - the first item is "1", the second is "2", and so on.

We can then use this number to open the overlay with a slideshow, by linking the slideshow's "Current" property to the "Order", when an item is clicked, the slideshow opens starting from the clicked image.

Check out the full tutorial for a detailed walkthrough.

About The Resource

The trick I used to create this setup in Framer is adding a "Order" number field to the CMS items. Each item gets a unique number - the first item is "1", the second is "2", and so on.

We can then use this number to open the overlay with a slideshow, by linking the slideshow's "Current" property to the "Order", when an item is clicked, the slideshow opens starting from the clicked image.

Check out the full tutorial for a detailed walkthrough.

About The Resource

The trick I used to create this setup in Framer is adding a "Order" number field to the CMS items. Each item gets a unique number - the first item is "1", the second is "2", and so on.

We can then use this number to open the overlay with a slideshow, by linking the slideshow's "Current" property to the "Order", when an item is clicked, the slideshow opens starting from the clicked image.

Check out the full tutorial for a detailed walkthrough.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

More resources

More resources

  • Colorful 3D balloon letters spelling FORM for creative agency website

    Hero Section With Framer and ChatGPT 4o

    Website

    Colorful 3D balloon letters spelling FORM for creative agency website

    Hero Section With Framer and ChatGPT 4o

    Website

    Colorful 3D balloon letters spelling FORM for creative agency website

    Hero Section With Framer and ChatGPT 4o

    Website

  • About section with 3D spherical text describing designer's background

    Star Wars Prologue Text Effect in Framer

    Website

    About section with 3D spherical text describing designer's background

    Star Wars Prologue Text Effect in Framer

    Website

    About section with 3D spherical text describing designer's background

    Star Wars Prologue Text Effect in Framer

    Website