How to Create a Responsive Image Slideshow Component in Framer | Framer Gallery Design Tutorial
Framer is a web based design tool that makes it easy to create websites without knowing how to code. In this tutorial, I explain how to create an interactive slideshow of images for desktop, tablet, and mobile.
Music for this video is by Cordio. You can learn more about their music here:
https://www.cortes.us/music
0:00 - Intro
0:27 - Setting up a basic slideshow module
2:03 - Putting images into the slideshow
2:52 - Slideshow autoplay settings and image transition direction
3:30 - Making the slideshow draggable
3:52 - Adding a scale in effect for the slideshow
4:34 - How to change transition animations
5:16 - Changing the arrow button design
7:02 - Updating the responsive design for tablet and mobile
8:19 - Reviewing and publishing our design
9:17 - Wrapping up
⁙ social media:
Twitter : / soren_iverson
Dribbble: https://dribbble.com/soreniverson
Gumroad: https://soreniverson.gumroad.com/
Website : https://soreniverson.com/
#framer #websitedesign #slideshow #framertutorial