Calvio
A revenue analytics app for a SaaS company
A complete revenue analytics app for a software company that sells subscriptions, with a dark and a light theme, and it comes with sample data. Good for: a SaaS or subscription business, a startup that wants to watch its monthly revenue, churn and growth, a finance or growth team, or anyone building an analytics product for recurring revenue. How it works: the overview shows where monthly revenue moved, from the starting figure through new, expansion, won back, contraction and churn to today, as columns that build one after another, and you switch it between 30 days, a quarter and 12 months; the navigation is one bar across the top with each section's pages on a row beneath. Includes: an overview with a one-line read of the day, key figures with small charts, the last 12 months, plan mix, a sign-up funnel by channel, a bookings heatmap, a live feed and customers at risk; reports you re-cut by figure, period and channel or plan; funnels, cohort retention and insights; customer accounts you filter, open in a side panel and move to another plan; users, segments with a rule builder that counts matching customers as you type, and activity; integrations, automations you run step by step, and a campaign board you drag across; the team, settings and billing with invoices; a sign-in screen and a help page. How to use: run it as it is to explore with the sample data, which is saved in your browser with a reset in settings, then connect your own billing and product data in place of the sample data; Cmd+K searches everything, tables export to CSV, and it works on every screen from phone to desktop.
$91.00 — one-time price, free updates
- A React app template
- React and Vite · npm install and it runs
- Build unlimited client sites with it
Built with React, CSS, GSAP.
What is in the zip
- app.css
- css/analytics.css
- css/engagement.css
- css/help.css
- css/operations.css
- css/overview.css
- css/workspace.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/env.d.ts
- src/finder.tsx
- src/main.tsx
- src/motion.ts
- src/pages/analytics.tsx
- src/pages/engagement.tsx
- src/pages/help.tsx
- src/pages/operations.tsx
- src/pages/overview.tsx
- src/pages/types.ts
- src/pages/workspace.tsx
- src/router.ts
- src/store.ts
- src/ui/charts.tsx
- src/ui/format.ts
- src/ui/icons.tsx
- src/ui/kit.tsx
- src/ui/overlay.tsx
- tsconfig.json
Version history
- v1.0.0, 2026-11-04 — First release. Calvio shipped, with the reel recorded from the real page.