<wa-carousel>

Carousels display a series of content slides along a horizontal or vertical axis, one or more at a time. Users can navigate between slides with controls, pagination, or autoplay.

Category

Media

Built with

Lit

Library

Web Awesome

Author

Web Awesome

Package

@awesome.me/webawesome

Component size

26.1 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

8.2 kB JS (shared by every Web Awesome component, loaded once per page)

Popular

5 out of 5

Downloads

364,100/week · jsDelivr 33,855,650 hits/month (whole @awesome.me/webawesome package)

GitHub stars

1,348

Latest stable version

3.14.0

Last published

Sep 24, 2026

Component last changed

Feb 4, 2026 (in 3.2.0)

License

MIT

Status

experimental

• Source code

Attributes

• loop
• slides
• currentSlide
• navigation
• pagination
• autoplay
• autoplay-interval
• slides-per-page
• slides-per-move
• orientation
• mouse-dragging
• dir
• lang
• did-ssr

Slots

• next-icon
• previous-icon

Events

• wa-slide-change

CSS Parts

• base
• carousel
• scroll-container
• pagination
• pagination-item
• pagination-item-active
• navigation
• navigation-button
• navigation-button-previous
• navigation-button-next