Create Carousels and Animated Tickers

Use the Carousel and Ticker components to design smooth-scrolling carousels and infinitely-looping marquees with ease—powered by Framer Motion.

Both components can be found in the Insert Panel, within the Basics section. Simply drag them onto your web page, connect them to layers on your Canvas, and customize the properties to get going. Design smooth CSS-based carousels that can be scrolled, swiped, and navigated between using either arrows or dots. Or, use the Ticker component to create infinitely scrolling sections that connect seamlessly. Both are highly customizable, and powered by Motion. Bring your websites to the next level without writing any code.


Demos


Responsive Carousels

The Carousel component includes multiple sizing options, including two recent additions: Columns and Rows. These allow you to make responsive Carousels, as you can choose to show a fixed amount of content per breakpoint. For example, you can set Columns to 3 on Desktop, 2 on Tablet and 1 on Phone. The component also includes a Radius property, allowing you to clip the contents within if you have Padding set to 0. If you want to play around with responsive carousels, you can remix our demo here.

Create Carousels and Animated Tickers

Use the Carousel and Ticker components to design smooth-scrolling carousels and infinitely-looping marquees with ease—powered by Framer Motion.

Both components can be found in the Insert Panel, within the Basics section. Simply drag them onto your web page, connect them to layers on your Canvas, and customize the properties to get going. Design smooth CSS-based carousels that can be scrolled, swiped, and navigated between using either arrows or dots. Or, use the Ticker component to create infinitely scrolling sections that connect seamlessly. Both are highly customizable, and powered by Motion. Bring your websites to the next level without writing any code.


Demos


Responsive Carousels

The Carousel component includes multiple sizing options, including two recent additions: Columns and Rows. These allow you to make responsive Carousels, as you can choose to show a fixed amount of content per breakpoint. For example, you can set Columns to 3 on Desktop, 2 on Tablet and 1 on Phone. The component also includes a Radius property, allowing you to clip the contents within if you have Padding set to 0. If you want to play around with responsive carousels, you can remix our demo here.

Create Carousels and Animated Tickers

Use the Carousel and Ticker components to design smooth-scrolling carousels and infinitely-looping marquees with ease—powered by Framer Motion.

Both components can be found in the Insert Panel, within the Basics section. Simply drag them onto your web page, connect them to layers on your Canvas, and customize the properties to get going. Design smooth CSS-based carousels that can be scrolled, swiped, and navigated between using either arrows or dots. Or, use the Ticker component to create infinitely scrolling sections that connect seamlessly. Both are highly customizable, and powered by Motion. Bring your websites to the next level without writing any code.


Demos


Responsive Carousels

The Carousel component includes multiple sizing options, including two recent additions: Columns and Rows. These allow you to make responsive Carousels, as you can choose to show a fixed amount of content per breakpoint. For example, you can set Columns to 3 on Desktop, 2 on Tablet and 1 on Phone. The component also includes a Radius property, allowing you to clip the contents within if you have Padding set to 0. If you want to play around with responsive carousels, you can remix our demo here.