Laravel Message Typing Component

Pro

The three bouncing dots, said out loud once.

A Message Typing 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::message-typing>

Try it live in the docs Get Aura Pro

Installation

composer require bluestarsystem/aura-ui

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

Usage

<div class="space-y-2">
    <x-aura::message-typing />
    <x-aura::message-typing name="Aura" />
</div>

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

Overview

<x-aura::message-typing> shows that a reply is being composed.

Props

Prop	Type	Default	Description
`name`	`string\|null`	`null`	Produces "Aura is typing".
`label`	`string\|null`	`null`	Replaces the text entirely.

See more examples and every variant in the Message Typing documentation.

Laravel-native

No JavaScript framework. Pure Blade, Livewire & Alpine.

Dark mode & themeable

Tailwind 4 CSS variables and a visual Theme Studio.

Accessible

Colour contrast tested against WCAG 2.1 AA/UI in CI; ARIA attributes on select components.

Related components

Sidebar

Application sidebar navigation with brand area, collapsible sections, active states, badges, and responsive behavior.

Chart Mixed

Bars and a line on the same axes, with the finding written out.

Replay Button

Try that again, without the button disappearing while it works.

Chat Marker

The line that says new messages start here.

Rich Text Editor

WYSIWYG rich text editor with configurable toolbar, HTML and Markdown output modes, and Livewire wire:model support.

Map

An embedded map — OpenStreetMap, Google Maps, or a URL of your own — with the address written beside it.

Browse all components