Laravel Carousel Component

Pro

Image and content slider with autoplay, navigation arrows, and indicators.

A Carousel built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4. Server-rendered by default, dark-mode ready, and WCAG-minded. Drop it in with a single Blade tag: <x-aura::carousel>

Try it live in the docs Get Aura Pro

Installation

composer require bluestarsystem/aura-ui

The Carousel is part of Aura Pro, installed via your private Composer (Satis) access after purchase. See pricing →

Usage

<x-aura::carousel>
    <x-aura::carousel.slide>
        <img src="/images/slide-1.jpg" alt="Slide 1" class="w-full rounded-lg" />
    </x-aura::carousel.slide>
    <x-aura::carousel.slide>
        <img src="/images/slide-2.jpg" alt="Slide 2" class="w-full rounded-lg" />
    </x-aura::carousel.slide>
    <x-aura::carousel.slide>
        <img src="/images/slide-3.jpg" alt="Slide 3" class="w-full rounded-lg" />
    </x-aura::carousel.slide>
</x-aura::carousel>

See the full API, props and live examples in the Carousel documentation.

Props

Prop	Type	Default	Description
`autoplay`	`bool`	`false`	Automatically advance slides at the given interval.
`interval`	`int`	`5000`	Time in milliseconds between automatic slide transitions.
`loop`	`bool`	`true`	Whether the carousel wraps around from the last slide back to the first.
`indicators`	`bool`	`true`	Show dot indicators below the slides.
`arrows`	`bool`	`true`	Show previous/next navigation arrows.
`slidesPerView`	`int`	`1`	Number of slides visible at the same time.