Sitewright

Finance

A business banking app with five working views: an overview, accounts with balance history and statements, a full transactions ledger (filters, date range, bulk categorise and export, detail drawer, approvals), bills with a calendar, pay now, schedule and autopay, and insights (stacked spend by category, top merchants, detected subscriptions, unusual-spend alerts, savings goals).

What it is for

Banking, bookkeeping, budgeting, subscription revenue.

Add it to a site

1 · site.json
"effects": { "templates": ["finance-dashboard"] }
or on the command line
node ~/.claude/skills/sitewright/scripts/scaffold.mjs --config site.json --out ./my-site --templates finance-dashboard
2 · import it
import FinanceDashboard from '@/components/fx/tpl/FinanceDashboard';

Files

  • components/fx/tpl/FinanceDashboard.tsx
  • components/fx/tpl/_fin.tsx
  • components/fx/tpl/_fin-ui.tsx
  • components/fx/tpl/_fin-more.tsx
  • components/fx/tpl/_fin-kit.tsx
  • components/fx/tpl/_fin-ledger.tsx
  • components/fx/tpl/_fin-over.tsx
  • components/fx/tpl/_fin-tx.tsx
  • components/fx/tpl/_fin-acct.tsx
  • components/fx/tpl/_fin-bills.tsx
  • components/fx/tpl/_fin-ins.tsx
  • components/fx/tpl/_fin-goals.tsx
  • components/fx/tpl/_dash.tsx
  • tpl-dash.css styles
  • tpl-finance-dashboard.css styles
  • tpl-finance-views.css styles

About it

Original to Sitewright. MIT licensed. Demo data is fictional and deterministic. Every control on the page works, so try it before you take it.

It answers its own width rather than the screen's, so the tablet and phone buttons show the real responsive behaviour. Templates are not components: they are chosen with templates, not components.