Carousel Controls makes it effortless to add navigation buttons to any carousel in Framer.
Make it with Workshop
Build your own component with AI
Carousel Controls provides previous and next navigation for your image or content carousels. It works seamlessly with any stack-based carousel and Framer Carousel Component and gives you control over button styling, direction, and layout spacing.
Add the CarouselControls component to your canvas.
In the Select Carousel field, enter the exact layer name of the carousel or stack you want to control — for example, carousel.
💡 This field links the controls to your carousel. Make sure the name matches exactly.
Choose the Direction — horizontal (↔) or vertical (↕).
Adjust Button Size and Spacing to your preference.
Style it with your own arrow color, background color, and border radius.
Optionally, show labels or replace default arrows with custom icons.
Works with any Framer carousel or stack.
Smooth, minimal design that adapts to your layout.
Full control over size, spacing, and direction.
Supports custom icons and color styling.
Quick setup — just connect and go.