NIMBUS — SaaS Analytics Dashboard
Your product's command center.
NIMBUS is a premium SaaS analytics and admin dashboard: animated KPI count-ups, hand-built SVG charts that draw on as they enter view, and a fast searchable data table with a detail drawer. It ships dark-first with a full light theme, a ⌘K command palette, and a collapsible app shell that folds to a drawer on mobile. Every visualisation is plain SVG and every metric comes from a seeded in-memory layer, so the whole thing is a clean, accessible static export.
Role · Design + front-end build (simulated data layer) · Updated Jun 2026
- 5 fully-built pages — Overview, Analytics, Customers, Billing, Settings — in one App Router app
- Six hand-built SVG chart primitives (area, line, bar, donut, funnel, cohort) plus sparklines
- A searchable, sortable, paginated data table with a focus-trapped row detail drawer
- A ⌘K command palette, collapsible sidebar, mobile drawer, and dark/light theming (no-flash)
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Your app / Supabase
A dashboard UI you connect to your product's data (e.g. Supabase or your own API).
What makes it special
Animated KPI count-ups
Stat cards ease their numbers up from zero the moment they scroll into view, paired with inline sparklines and period-over-period deltas. The animation respects reduced-motion and snaps to the final value instantly.
Charts with no chart library
Area, line, bar, donut, funnel and a retention cohort heatmap are all authored in raw SVG, so they export statically and animate cheaply. The revenue chart adds a crosshair, a live value readout and full keyboard control.
A real data table
The customers view does search, multi-column sort, status filtering, badges, health bars and pagination, then opens a focus-trapped detail drawer per row — deep-linkable from the command palette.
A complete admin shell
A collapsible icon rail, a mobile drawer, a sticky top bar and a ⌘K command palette that navigates pages and jumps to any customer — the scaffolding a real product needs.
Accessible and near-zero CLS
WCAG 2.2 AA: labelled controls, focus-visible rings, charts exposed as images with text summaries, switch and progressbar roles, and reserved media space so layout barely shifts.
What’s included
- 5 fully-built pages — Overview, Analytics, Customers, Billing, Settings — in one App Router app
- Six hand-built SVG chart primitives (area, line, bar, donut, funnel, cohort) plus sparklines
- A searchable, sortable, paginated data table with a focus-trapped row detail drawer
- A ⌘K command palette, collapsible sidebar, mobile drawer, and dark/light theming (no-flash)
- A typed, seeded in-memory data layer with clean seams for dropping in a real backend
Gallery
Make NIMBUS yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.