Motion+
DocsVue

Carousel

A performant, accessible, and infinitely scrollable carousel for Vue.

The Carousel component creates performant, accessible and fully-featured carousels in Vue. It's designed to be flexible and easy to use, supporting pointer, wheel and keyboard navigation out the box.

It allows you to go beyond the traditional limitations of CSS-only approaches, with support for infinitely-scrolling carousels and without limitations on styling.

Features

  • Lightweight: Just +5.8kb on top of the motion component.

  • Accessible: Automatic ARIA labels, respects reduced motion, RTL layouts, and all major input methods.

  • Performant: Built on the same unique rendering used by the Ticker component that achieves infinite scrolling while minimising or eliminating item cloning.

  • Customisable: Provides functions and state to easily create custom controls and pagination.

>Live exampleOpen
>Live exampleOpen