All App Shells blocks

App Shell 4

Inset sidebar with linked navigation

App shell with an inset sidebar, a page selector and search header, and a content slot. Navigation rows are real links that highlight the current section, so it drives an app's routes directly. Collapsed variant included.
New
In all Pro bundles
Radix UI
Base UI
8 styles
5 icon sets
Get this blockPro
App Shell 4 of 4
Open in New Tab
Own this code forever
Build with your AI agents or bring the code into your own codebase.
Get Pro

Already have a license key?

SBIOTJ

Join 16,000+ builders shipping with shadcncraft

Get access to this block and the full library

Production-ready blocks and components with matching Figma and React.
Get this blockPro
Benefits

Production-ready by default

Built with shadcn/ui conventions and designed for real projects.
Built with shadcn/ui
Clean React components using Tailwind and modern shadcn patterns.
Install instantly
Add the block directly using the shadcn CLI.
Works with your theme
Compatible with shadcn themes and token-based color systems.
MCP server support
Use shadcn MCP server right from your favorite AI tools.

Frequently Asked Questions

Quick FAQs to get you started.
Still have questions? See all FAQs, or get support.

Yes. They follow shadcn/ui structure and are built for real products.

All blocks

More App Shells

Pro
App Shell 1
Sidebar
App Shell 1
Pro
App Shell 2
Floating sidebar
App Shell 2
Pro
App Shell 3
Inset sidebar
App Shell 3

Real support from the team behind shadcncraft

Get help within 24 hours from the people who build and maintain the system.
Email
Prefer a direct line? Send us a message and we'll get back to you as soon as possible.
Contact
Discord
Get quick support, share feedback, or connect with other builders.
Join
Feedback
Got something to say about anything shadcncraft? We'd love to hear it.