Framer Tutorial: ADVANCED Carousel + Slider

Free web design conference (online) 👉 frontrow.events/
Framer plugins & education 👉 insertframe.io/
In this Framer tutorial, I share how to create a fully customizable and advanced carousel and slider component.
Hope this helps! Happy building,
Ryan ✌️

[@DrakeDereniowskii]

Appreciate the tutorial Ryan, would love to see how you make this responsive

[@FloNocode]

Thanks for this video ! Really interesting

[@kafiahammed3548]

your are doing amazing brother, thanks

[@ramiropeidro3804]

Great vid! Can we get the component to use in Framer?

[@glebzhigulin]

Great video. I'm considering switching from Webflow to framer, what are the main differences and what's better in Framer, except it's much more useful to have a whole board unlike Webflow that limits inside a frame?

[@pierreascone]

This method is redundant when there are a lot of images. Plus, making it responsive is a hassle.
You need to create a code override that externalizes the control of a slideshow/carrousel component

[@ryanhayward3488]

Understood and code component is the most useful way, but not friendly for non-code-pros

[@akashchopperla9809]

looks like walter white in the thumbnail
. BTW video is dope

[@ryanhayward3488]

hahaha thank you!

[@royaltata]

Why didnt you show how to make it swipeable on mobile? No mobile user will click the arrow to switch to the next frame

[@ekoflexofficial3903]

i found out that the movement of the carousel is not really fluid or smooth, specially from left to right. Backward is a little bit better. Any way to make it more smooth?

[@ryanhayward3488]

You can set the transition effect within the component properties panel :)

[@KhanyaManusual-fh9xt]

Thanks Ryan. Can it be possible to add a drager or an autoplay to the carousel?

[@ryanhayward3488]

Yes, just set a transition for "on appear" with a delay

[@mpho4729]

@@ryanhayward3488 thanks it work well