Merrin
A sales CRM with a drag-and-drop deal board and a morphing sales chart
A sales CRM app for a brand that sells online, on a marketplace, to shops and in its own store, shown with sample data from a home-goods studio. Good for: a small sales team that tracks deals, orders, stock and customers in one place. How it works: click one of the four headline figures and the chart under it changes to that number, switch between 30 days and 12 months, or take a sales channel out and the rest settle into the gap, and drag a deal to the next stage on the board and the totals update. Includes: an overview with sales by channel against a target pace, where sales come from, what the warehouse has to pack, best sellers, the deal funnel, today's schedule, the latest orders and team activity, a deal board with a list view and a deal panel, customers and trade accounts with segments and a profile panel, orders you can tick and pack together with a returns queue, a photo product catalogue and stock levels with re-orders, invoices with a PAID stamp, shipment tracking, campaigns with results, a week schedule you drag meetings across, one inbox for email, chat and social messages, settings, a support page, search with ⌘K, forms to add orders, deals, customers, invoices, campaigns and events, a sidebar that folds into a slim icon bar, light and dark mode, phone, tablet and desktop. How to use: it runs on sample data saved in the browser with no backend, and a customer's reply in the inbox is simulated, so connect 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/campaigns.css
- css/customers.css
- css/deals.css
- css/help.css
- css/home.css
- css/invoices.css
- css/messages.css
- css/orders.css
- css/products.css
- css/schedule.css
- css/settings.css
- css/shipments.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/env.d.ts
- src/finder.tsx
- src/main.tsx
- src/motion.ts
- src/pages/campaigns.tsx
- src/pages/customers.tsx
- src/pages/deals.tsx
- src/pages/help.tsx
- src/pages/home.tsx
- src/pages/invoices.tsx
- src/pages/messages.tsx
- src/pages/orders.tsx
- src/pages/products.tsx
- src/pages/schedule.tsx
- src/pages/settings.tsx
- src/pages/shipments.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-10-28 — First release. Merrin shipped, with the reel recorded from the real page.