Laravel Profile Component

Free · MIT

A compact user identity component combining an avatar, name, and optional subtitle.

A Profile 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::profile>

Try it live in the docs Install free

Installation

composer require bluestarsystem/aura-ui

Usage

<x-aura::profile name="Jane Doe" subtitle="Product Designer" />

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

Overview

The <x-aura::profile> component displays a user's identity as a compact row with an avatar, name, and optional subtitle. It internally uses the <x-aura::avatar> component, automatically generating initials from the name when no image is provided. When an href is set, the entire profile becomes a navigable link.

Use profile for:

Navbar user menus
Comment and activity feed authors
Sidebar account selectors
Team member lists

Props

Prop	Type	Default	Description
`name`	`string`	`''`	User's display name. Also used to generate avatar initials
`subtitle`	`string\|null`	`null`	Secondary text (role, email, status) displayed below the name
`src`	`string\|null`	`null`	URL for the avatar image. Falls back to initials when `null`
`size`	`string`	`'md'`	Size variant: `sm`, `md`, `lg`
`href`	`string\|null`	`null`	When set, the profile renders as an `<a>` link