Dashboard Kit

Most SaaS landing pages live or die on the hero image, but a real product screenshot usually isn't ready in time — or it looks nothing like the rest of the page. Stock mockups feel generic, and building a custom dashboard graphic from scratch eats design time you don't have.

Dashboard Kit drops in as a complete, animated SaaS dashboard mockup — framed in a browser window with a URL bar, ready to sit in your hero the moment you drag it onto the canvas.

What you get:

— Five widgets in one component: KPI cards with count-up numbers, a line/bar chart, a donut plus two progress rings, a striped data table, and an optional activity feed

— Three ready-made presets — Analytics, Revenue, CRM — swap the entire dataset with one click

— Scroll-triggered animations: KPIs count up, the chart draws in, rings fill — all gated so nothing fires until it's in view

— Pure SVG and CSS, no Chart.js or external chart library

— Toggle any of the five widgets on or off, edit every value, switch light/dark, adjust the accent color

Note: presets swap the whole dataset at once — pick a preset first, then fine-tune individual fields on top of it rather than mixing edits across presets.

Built for SaaS landing pages, portfolio case studies, and pitch decks that need a living product screenshot without a real product to screenshot.