Laravel Mail Timeline Component

Pro

The container for a conversation: messages stacked in the order they arrived.

A Mail Timeline 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::mail-timeline>

Try it live in the docs Get Aura Pro

Installation

composer require bluestarsystem/aura-ui

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

Usage

<x-aura::mail-timeline>
    <x-aura::mail-message
        from="Ada Lovelace"
        email="[email protected]"
        subject="Re: the invoice"
        time="09:14"
    >
        The numbers look right to me. Approving it this morning.
    </x-aura::mail-message>

    <x-aura::mail-message
        from="Grace Hopper"
        email="[email protected]"
        subject="Re: the invoice"
        time="11:02"
    >
        Approved. Payment goes out on Friday.
    </x-aura::mail-message>
</x-aura::mail-timeline>

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

Overview

<x-aura::mail-timeline> stacks Mail Message components into a thread. It is deliberately almost nothing — a column with consistent spacing — because the message is where the substance lives and a container that styles its children is a container that fights them.