Aura Wire

Livewire UI Kit

Typography

Component

Display

High impact display typography designed for hero headlines, billboard marketing banners, giant KPI metrics, and landing sections.

Component Syntax

blade 
<x-aura::display size="xl">
    Elevate Your Product
</x-aura::display>

1. Display Size Scales

blade

Display 2XL

Display XL

Display Large

Display Medium

Display Small

2. Monochrome Gradient Headlines

blade

Built for Modern Web Applications

Ship Faster with Aura Wire

The Modern Livewire Standard

3. Custom Font Weights

blade

Black 900 Weight Display

Extrabold 800 Weight Display

Bold 700 Weight Display

Semibold 600 Weight Display

4. Real World Hero Pattern

blade

NEXT GEN LIVEWIRE PRIMITIVES

v2.0

The Developer Suite for Rapid UI Delivery

Compose rich, accessible, full stack Laravel applications with beautifully orchestrated Blade components.

Component Props

Available properties and configurations for the display component.

Prop Default Available Values

as

h1
h1 h2 h3 p span

size

xl
sm md lg xl 2xl 3xl

weight

extrabold
normal medium semibold bold extrabold black

gradient

false
true false default subtle fade primary sunset ocean emerald

align

null
left center right justify

balance

true
true false

tracking

null
tighter tight normal wide

truncate

false
true false

nowrap

false
true false