Laravel Footer Component

Free · MIT

The page footer as a real landmark, with named link columns.

A Footer built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4. Server-rendered by default and dark-mode ready. Aura's solid-background and border colours are contrast-tested against WCAG 2.1 AA/UI in CI, in both themes — see what's covered. Drop it in with a single Blade tag: <x-aura::footer>

Try it live in the docs Install free

Installation

composer require bluestarsystem/aura-ui

Usage

<x-aura::footer brand="Aura UI" tagline="Components for Laravel, Livewire and Tailwind." copyright="© 2026 Blue Star System">
    <x-aura::footer.column title="Product">
        <x-aura::footer.link href="/components">Components</x-aura::footer.link>
        <x-aura::footer.link href="/pricing">Pricing</x-aura::footer.link>
    </x-aura::footer.column>

    <x-aura::footer.column title="Resources">
        <x-aura::footer.link href="/docs">Documentation</x-aura::footer.link>
        <x-aura::footer.link href="https://github.com/BlueStarSystem/aura-ui" external>GitHub</x-aura::footer.link>
    </x-aura::footer.column>
</x-aura::footer>

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

Overview

<x-aura::footer> renders a real <footer>. That matters: it is a landmark, so a screen-reader user can jump straight to it. A styled <div> is invisible to that shortcut.

Props

Prop	Type	Default	Description
`brand`	`string\|null`	`null`	Name shown above the columns.
`tagline`	`string\|null`	`null`	One line under the brand.
`copyright`	`string\|null`	`null`	Shown in the bottom strip.
`columns`	`int`	`4`	1 to 5. Written out rather than interpolated, so Tailwind actually generates the class.
`bordered`	`bool`	`true`	Top border.

Footer Column

Prop	Type	Default	Description
`title`	`string\|null`	`null`	Heading, and the column's accessible name.

Footer Link

Prop	Type	Default	Description
`href`	`string`	`'#'`	Passed through the URL sanitiser.
`external`	`bool`	`false`	Opens in a new tab and says so to a screen reader.

Slots

Slot	Description
default	The link columns.
`start`	Extra content under the brand — a newsletter form, a badge.
`end`	Bottom strip, beside the copyright — social links, a language picker.