Skip to content
SevenUI
Sign in

App Shell blocks

Sidebar-driven frames that hold a product's navigation, context, and account: documentation studios, support cockpits, and delivery consoles. 3 blocks in this category.

Share on X (opens in a new tab)

Every block here is Pro. One purchase, yours forever —$99 at launch instead of $249. How to install

Get Pro — $99

App Shell 01

Pro

A quiet documentation studio: a borderless typographic sidebar beside a floating inset card, with live presence on pinned documents.

Open the App Shell 01 preview in a new tab
… add @sevenui/pro/app-shell-01
100%

App Shell 02

Pro

A support cockpit whose sidebar is two tiers in one surface: a module rail and a contextual panel that swaps with it.

Open the App Shell 02 preview in a new tab
… add @sevenui/pro/app-shell-02
100%

App Shell 03

Pro

A delivery console whose sidebar is a live instrument: environment scope, service health, and an in-flight rollout pinned beside the nav.

Open the App Shell 03 preview in a new tab
… add @sevenui/pro/app-shell-03
100%