Cofra
A personal money app for freelancers, with budget jars you pour between
A complete personal money app for a freelancer, with a light and a dark theme, and it comes with sample data. Good for: a freelancer, a sole trader or anyone who wants their accounts, cards, monthly budgets, goals and invoices in one calm place. How it works: the month's budget is a shelf of glass jars that fill on the 1st and drain as you spend, and you drag a coin from one jar onto another to move money between them; the cards sit in a pile you drag aside to flick through, turn over and freeze under frost; and the balance line switches between 1, 3 and 6 months. Includes: an overview with everything you hold, the card pile, the jars and how much is safe to spend each day until payday; activity by day with filters; accounts and cards with statements and card controls; budgets with a month planner; goals as rings you add to; analytics on spending and income; sending money with quick send; invoices you create and mark paid with a PAID stamp; security with a checklist and signed-in devices; settings with a reset; and a help centre. 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; the sidebar folds to icons, Cmd+K searches everything, balances hide with one tap, 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/accounts.css
- css/activity.css
- css/analytics.css
- css/budgets.css
- css/cards.css
- css/goals.css
- css/help.css
- css/invoices.css
- css/jars.css
- css/overview.css
- css/security.css
- css/settings.css
- css/transfers.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/cardstack.tsx
- src/env.d.ts
- src/finder.tsx
- src/jars.tsx
- src/main.tsx
- src/motion.ts
- src/pages/accounts.tsx
- src/pages/activity.tsx
- src/pages/analytics.tsx
- src/pages/budgets.tsx
- src/pages/goals.tsx
- src/pages/help.tsx
- src/pages/invoices.tsx
- src/pages/overview.tsx
- src/pages/security.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
Version history
- v1.0.0, 2026-11-05 — First release. Cofra shipped, with the reel recorded from the real page.