Dashboard

an app’s home read from the top: the figures, then the chart, then the lists side by side

role: dashboard pages: app, home motion: none

Install

npx shadcn-vue@latest add @trame/saas-dashboard   # Vue
npx shadcn@latest add @trame/saas-dashboard       # React

overview

@trame/saas-dashboard--overview

an app’s home read from the top: the figures, then the chart, then the lists side by side

focus

@trame/saas-dashboard--focus

what needs an answer today comes first and large, the figures a quiet strip under it, the chart and the latest records after

metric-tabs

@trame/saas-dashboard--metric-tabs

one big chart for several measures: the chart and every figure with its own points become selectable tiles over a single plot, the other figures a quiet strip and the lists two columns under it

split

@trame/saas-dashboard--split

a daily tool with a lot to scan: figures and chart in the main column, what needs attention and the quick actions in a side rail