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
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
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
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.