# How to Use Carousel in Framer

> To use Carousel in Framer, open your project, access the Insert menu from the Assets panel, go to Elements and select Interactive, then choose Carousel. Set up page transitions, drag a component onto your canvas, and configure properties. Preview your design, adjust layout settings for responsiveness, and configure interactive prototyping options.

Canonical: https://livedemo.ai/tutorials/how-to-use-carousel-in-framer/
Apps: Framer
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a5114ab56e05a00ffdc36/preview?step=1

## Steps

1. Open your Framer project.
2. Access the 'Assets' panel where all your design resources are organized.
3. Access the 'Insert' menu to add new elements to your design canvas.
4. Go to the 'Elements' section and select 'Interactive'.
5. Choose 'Carousel' to utilize Smart Components that adapt intelligently to user interaction.
6. Set up page transitions that create seamless navigation experiences
7. Select a component and drag it into your canvas and configure images, slides, etc., in the properties panel.
8. Preview your design in real-time to see how it will appear across devices.
9. Adjust your layout settings to ensure responsive designs across devices.
10. Configure interactive prototyping options for realistic user flows.