Saffra
A personal money app for freelancers, with a money river
A complete personal and studio money app for one freelancer with an everyday, a business and a joint account, with a light and a dark theme, and it comes with sample data. Good for: a freelancer, a sole trader or a small studio that wants to see where its money comes from and where it goes. How it works: the overview draws a money river from each source of income through four buckets (needs, wants, studio and future) to what it was spent on, and switching between this month, three months and a year re-shapes every ribbon in one move; hover a stream to follow it. Includes: the overview with balance, money in, money out and how much was kept; activity grouped by day; budgets with a line for where you should be at an even pace; accounts with balance histories over 30 or 90 days, savings pots whose rings fill and a live currency converter; cards that flip to show the number and frost over when frozen, with limits and virtual cards; a three-step send money flow, standing orders and requests; a bill calendar and subscriptions that flag price rises; client invoices that open as paper and take a PAID stamp; people; a rule-based assistant that answers from the sample payments and can move money in the app, ready to connect to your own service; settings with a reset; and help. How to use: run it as it is to explore with the sample data, which is saved in your browser, then connect your own bank or accounting API in place of the sample data, since there is no backend; the sidebar folds to icons, Cmd+K searches everything, and it works on every screen from phone to desktop with a bottom tab bar on phones. Built with React, TypeScript and GSAP.
$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/accounts.css
- css/activity.css
- css/assistant.css
- css/bills.css
- css/cards.css
- css/flow.css
- css/help.css
- css/home.css
- css/invoices.css
- css/people.css
- css/settings.css
- css/transfers.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/env.d.ts
- src/finder.tsx
- src/main.tsx
- src/motion.ts
- src/pages/accounts.tsx
- src/pages/activity.tsx
- src/pages/assistant.tsx
- src/pages/bills.tsx
- src/pages/cards.tsx
- src/pages/flow.tsx
- src/pages/help.tsx
- src/pages/home.tsx
- src/pages/invoices.tsx
- src/pages/people.tsx
- src/pages/settings.tsx
- src/pages/transfers.tsx
- src/pages/types.ts
- 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
Version history
- v1.0.0, 2026-11-05 — First release. Saffra shipped, with the reel recorded from the real page.