---
title: "Dashboard Kit — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Isaac Yi · Sections. Dashboard Kit drops in as a complete, animated SaaS dashboard mockup — framed in a browser window with a URL bar, ready to sit…"
canonical: "https://framer.elliotli.dev/component/dashboard-kit"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Dashboard Kit

# Dashboard Kit

Animated dashboard browser mockup.

[View on Framer](https://framer.com/marketplace/components/dashboard-kit/?via=elliot-li)

![Dashboard Kit preview image 1](https://framer.elliotli.dev/og/component/dashboard-kit/0a7735c55ce093d9/1600x1200.jpg)

## Summary

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.

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #6446

## Details

- **Author**: Isaac Yi
- **Price**: $12.00
- **Published**: 2026-07-09
- **Updated**: 2026-10-19
- **Added**: 2026-07-09
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes