Kindra
A client and money app for a design studio, in smoked glass
A complete client and money app for a small interiors or design studio, in smoked glass over a warm room photo, with a dark and a light theme, and it comes with sample data for a made-up five-person studio with 22 clients. Good for: a CRM for a studio, agency or freelancer, a client and invoice dashboard, or anyone who wants a full multi-page app with a glass look to start from. How it works: the overview shows the studio balance and a cash-flow chart that redraws for the week, month or year, recent payments, goals and today's visits; drag a job across the pipeline from first enquiry to signed contract, open any client to see their jobs, visits, invoices and notes, and mark an invoice paid to watch the PAID stamp land and the balance go up. Includes: a pipeline board with a list and a forecast, a client book as cards or a table with CSV export, the studio's week and an agenda for booking visits, cash flow, invoices and spending, growth by lead source and by designer, install projects with budgets, an Adjust glass control that sets how frosted the panels are and which of three rooms sits behind them, settings with a reset, help with a support form, a sign-in screen and Cmd+K search. How to use: run it as it is to explore with the sample data, which is saved in your browser, then connect your own backend, email and payment services, since there is no server and emails are only logged in the app; 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/clients.css
- css/finance.css
- css/growth.css
- css/help.css
- css/overview.css
- css/pipeline.css
- css/projects.css
- css/schedule.css
- css/settings.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/env.d.ts
- src/finder.tsx
- src/main.tsx
- src/motion.ts
- src/pages/clients.tsx
- src/pages/finance.tsx
- src/pages/growth.tsx
- src/pages/help.tsx
- src/pages/overview.tsx
- src/pages/pipeline.tsx
- src/pages/projects.tsx
- src/pages/schedule.tsx
- src/pages/settings.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-11-07 — First release. Kindra shipped, with the reel recorded from the real page.