Coffra
A finance and people back office with a morphing cash-flow chart
A back office for a business with several locations, shown with sample data from a group of climbing gyms. Good for: owners, office managers and bookkeepers who look after money, payroll, staff and contracts in one place. How it works: the overview opens on money in and out by month, and switching the range or the location reshapes the chart, while a month-end checklist ticks itself off as you file transactions, match the bank and approve the pay run on other pages. Includes: cash across four bank accounts, transactions you file with one click on a suggested category, company cards you can freeze or give a limit, budgets with a forecast, failed membership payments to retry, transfers between accounts, bank matching, a pay run you approve, a timesheet grid you edit, time off requests, a staff directory, onboarding checklists, contracts with a renewals timeline, an inbox, a week calendar you drag events across, settings, help, search with ⌘K, light and dark mode, phone, tablet and desktop. How to use: it runs on sample data with no backend and the suggested categories are part of that sample data, so add your own data and server. Built with React, TypeScript and GSAP.
$72.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/agreements.css
- css/calendar.css
- css/help.css
- css/inbox.css
- css/money.css
- css/overview.css
- css/payroll.css
- css/settings.css
- css/team.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/agreements.tsx
- src/pages/calendar.tsx
- src/pages/help.tsx
- src/pages/inbox.tsx
- src/pages/money.tsx
- src/pages/overview.tsx
- src/pages/payroll.tsx
- src/pages/settings.tsx
- src/pages/team.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
- tsconfig.json
Version history
- v1.0.0, 2026-10-26 — First release. Coffra shipped, with the reel recorded from the real page.