Back
updated — feb 14
updated — feb 14
code component
code component
Infinite Scroll - Free Flow drag
Infinite Scroll - Snap drag
Slide Scroll - Free Flow
Slide Scroll - Snap Drag + fade
share
share
share
Better Carousel
new
Our Framer code component provides a unified, more flexible solution for creating sliders and carousels, something that the native Framer options don’t fully address. While Framer’s built-in Slideshow & Carousel can handle basic slideshows, they often fall short on advanced features like drag-to-scroll, handling auto width/height of images, or ensuring a truly seamless infinite loop.
In contrast, this new component packs all of these capabilities into one place. It supports infinite scrolling with smooth free-flow drag-to-scroll, automatically adjusts images to the correct width and height, includes snapping for precise navigation, and even upgrades the regular carousel with these enhanced features. You'll no longer have to pick and choose between the two and feel like you don't get the expected result.
Better Carousel
new
Our Framer code component provides a unified, more flexible solution for creating sliders and carousels, something that the native Framer options don’t fully address. While Framer’s built-in Slideshow & Carousel can handle basic slideshows, they often fall short on advanced features like drag-to-scroll, handling auto width/height of images, or ensuring a truly seamless infinite loop.
In contrast, this new component packs all of these capabilities into one place. It supports infinite scrolling with smooth free-flow drag-to-scroll, automatically adjusts images to the correct width and height, includes snapping for precise navigation, and even upgrades the regular carousel with these enhanced features. You'll no longer have to pick and choose between the two and feel like you don't get the expected result.
Adjustable properties
Array of items
Gap
Type (Slider, Infinity)
Drag type (Snap, Freeflow)
Snap focus
Motion (Speed, Momentum)
Overflow
Unfocus fade
Adjustable properties
Array of items
Gap
Type (Slider, Infinity)
Drag type (Snap, Freeflow)
Snap focus
Motion (Speed, Momentum)
Overflow
Unfocus fade
How do I use it?
You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components - Eleveight Supply folder. From there you can drag it into your canvas for a new instance.
How do I use it?
You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components - Eleveight Supply folder. From there you can drag it into your canvas for a new instance.
made by Fabian Albert.
Follow us on x.com
Say hello: sales@eleveight.supply
made by Fabian Albert.
Follow us on x.com
Say hello: sales@eleveight.supply
made by Fabian Albert.
Follow us on x.com
Say hello: sales@eleveight.supply