Rifframe
SectionsFor AI agentsDocsPricing
Sections/App shell

Dashboard app shell templates

The chrome for an admin or SaaS application: sidebar and top-navigation layouts with brand, navigation, user block, a topbar, and a 12-column content area ready for dashboard widgets.

2 variants · neutral wireframe · ready to reskin with your design tokens

Sidebar app shell, app shell section template

Sidebar app shell

Application chrome with a left sidebar (brand, grouped nav, user block), a topbar (page title, search field, avatar), and a 12-column content area. The frame for an admin or SaaS dashboard; drop widgets into the content grid.

app-shell/sidebar/default

Live previewUse in editor
Top-nav app shell, app shell section template

Top-nav app shell

Application chrome with a horizontal top navigation (brand, links, user), a page-title bar, and a 12-column content area on a muted canvas. A back-office layout without a sidebar.

app-shell/topnav/default

Live previewUse in editor
claude mcp add --transport http rifframe https://rifframe.app/api/mcp

> "Add a app shell section to my landing page"

Your coding agent can search and pull these sections directly. How it works.

Browse other section types

HeroNavigationAnnouncement barLogosFeaturesHow it worksStatsTestimonialsComparisonResultsIntegrationsUse casesPricingFAQCodeVideoGalleryTeamContactPressSecurityChangelogBlog previewCareersApp downloadProduct gridManifestoLead magnetCTAFooterWidgetDashboard
RifframeBuilt by afedb ⚡
Privacy·Terms·Contact·© 2026