Browse catalog

App Shell

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

App Shell 02 Open

Preview

Viewport

Theme Dark RTL Open full screen

Installation

terminal

php artisan ui:add pages/app-shell-02

Installs these dependencies automatically:

sidebar breadcrumb button avatar badge kbd 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-02 />

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-02.blade.php Blade