📊 Flocci Bento template
Dashboard — sidebar, main stage and metric widgets
The Dashboard template arranges five panels the way real analytics products do: a tall 3-column glass-effect sidebar, a 9-column gradient overview stage, and three 3-column metric widgets underneath. Use it to mock up a product dashboard or to publish a real KPI snapshot with live-editable vector charts.
- KPI snapshots for stakeholders
- Product dashboard mockups
- Monthly metrics reports
- Data-story graphics
Built like a real analytics screen
The 3-column sidebar (rendered in the glass variant) reads as navigation, the wide OVERVIEW stage carries your headline number or hero chart, and the three widget cards are sized for a revenue chart, a growth curve and an activity list. Because Flocci Bento charts are real Recharts vectors — pie, donut, bar, line, area with editable data points — your 'mockup' can carry actual numbers, not lorem-ipsum sparklines.
From screenshot culture to designed reports
Teams usually screenshot their BI tool and paste it into a doc. This template replaces that: type your real metrics into chart panels, keep the board in a shared project your team can edit (owner/editor/viewer roles), and export a clean PDF every month. Version snapshots mean last quarter's report is always restorable.
Frequently asked questions
Can the dashboard charts show my real data?
Yes. Charts are vector Recharts elements whose data points you edit directly in the panel — pie, donut, bar, line and area types are available.
Can my team edit the dashboard together?
Projects support membership roles (owner, editor, viewer) and tokenized share links, with version snapshots you can restore. Edits sync across devices with conflict detection.
Is this a live BI dashboard or a design?
It is a designed board, not a data-connected BI tool — you enter the numbers you want to show. That makes it ideal for curated snapshots, mockups and reports rather than real-time monitoring.
What is the glass panel variant?
A translucent panel style used for the sidebar in this template — one of several variants (base, gradient, teal, purple, accent, glass) you can apply to any panel.
Open the editor and build yours
Free to design, no card — founder credits included with every new workspace.