Laravel Spinner Component

Free · MIT

An animated loading indicator component with size and color variants.

A Spinner 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::spinner>

Try it live in the docs Install free

Installation

composer require bluestarsystem/aura-ui

Usage

<x-aura::spinner />

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

Overview

The <x-aura::spinner> component renders a circular spinning animation used to indicate that a process is in progress. It is lightweight and provides visual feedback during asynchronous operations such as data loading, form submission, or page transitions. The spinner includes a screen-reader-only text label for accessibility.

Props

Prop	Type	Default	Description
`size`	`string`	`'md'`	Size of the spinner. Options: `sm`, `md`, `lg`, `xl`.
`color`	`string`	`'primary'`	Color variant. Options: `primary`, `secondary`, `white`, `success`, `danger`.