Browse catalog

App Shell

Full application shells — collapsible sidebars, org switchers, command search, breadcrumb headers and an inset content area.

App Shell 10 Pro

Preview

Viewport

Theme Dark RTL Open full screen

Installation

terminal

php artisan ui:add pro/pages/app-shell-10

Pro page

Pro pages require an active license. Authenticate once, then install:

terminal

php artisan ui:auth

Installs these dependencies automatically:

sidebar breadcrumb button avatar badge input kbd dropdown card

Usage

Render the page as a component, or wire it to a route. Pass data where useful:

resources/views/welcome.blade.php Blade

<x-pages.app-shell-10 />

Built from blocks & primitives

This page composes installed <x-ui.*> primitives and semantic design tokens only — it does not reimplement any primitive. Re-theme it (light, dark, admin, customer) by editing CSS variables; flip the preview to RTL to confirm it mirrors.

Source

The preview above renders this exact installed source — there are no preview-only pages.

resources/views/pages/app-shell-10.blade.php Blade