Dashboard Kit

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.

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.

One drop, a living SaaS dashboard.