Kerfa
A glass sales dashboard with a drag-and-drop deal board
A sales dashboard for a business that sells to designers, hotels, shops and walk-in customers, shown with sample data from a furniture workshop. Good for: sales teams and owners who track deals, quotes, orders and targets in one place. How it works: the overview shows revenue against last year, and switching the range or turning a sales channel off reshapes the chart, while a deal dragged onto Won on the pipeline board becomes a real order and counts toward its rep's target. Includes: quarter progress against a weekly target, a next-meeting countdown, a deal board with undo and keyboard moves, a deal list, orders moving through each step with deposits, a quote builder with discounts and quote documents you send and accept, customer accounts with a yearly chart and notes, products with price, margin and stock, a team leaderboard, target sliders, a report builder with CSV export, a choice of seven accent colours and two background photos, a reduce-transparency switch, search with ⌘K, light and dark mode, phone, tablet and desktop. How to use: it runs on sample data saved in the browser with no backend, 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/help.css
- css/orders.css
- css/overview.css
- css/pipeline.css
- css/products.css
- css/quotes.css
- css/reports.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/help.tsx
- src/pages/orders.tsx
- src/pages/overview.tsx
- src/pages/pipeline.tsx
- src/pages/products.tsx
- src/pages/quotes.tsx
- src/pages/reports.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. Kerfa shipped, with the reel recorded from the real page.