A
Airy

App Layout

Layouts

Default app layout scaffold with slots for sidebar, header, and content.

Preview

Documents

Total Revenue
$1,250.00
+12.5%
Trending up this month
Visitors for the last 6 months
New Customers
1,234
-20%
Down 20% this period
Acquisition needs attention
Active Accounts
45,678
+12.5%
Strong user retention
Engagement exceed targets
Growth Rate
4.5%
+4.5%
Steady performance increase
Meets growth projections
Total Visitors
Last 3 months
HeaderSection TypeStatus
Target
Limit
Reviewer
Narrative
Done
Eddie Lake
Design
In Progress
Table of Contents
Not Started
Page 1 of 1

Install

Add this block from the Airy registry:

npx shadcn@latest add @airy/app-layout

Usage

Import the block in your project:

import { AppLayout } from "@/components/blocks/shells/app-layout"

Start with the primary layout shell:

<AppLayout sidebar={sidebar} header={header}>
  {children}
</AppLayout>