Skip to content
← All prompts
Dashboards

Top-bar dashboard

The same dashboard with the top-bar app shell instead of a sidebar.

top-bar dashboard · SaaS Design

The prompt

Paste into your AI agent (SaaS Design must be installed)
Using the SaaS Design system installed in this project, build a dashboard that uses the SaaS Design AppShell in its top-bar layout, with navigation across the top instead of a sidebar. Add a row of StatCards, a focal chart, and a secondary panel beside it. Keep everything on the SaaS Design tokens, support light and dark mode, and collapse the top bar to a menu on mobile.
For projects with SaaS Design installed. These prompts tell your agent to build using the components already in your repo, so they need the system installed on a paid license. No license yet? See pricing

Don't have SaaS Design yet?

Get your install key, let your agent install the system in one prompt, then come back and paste any prompt to build your screens.