Sprig
a studio CRM with a drag-and-drop deal pipeline, companies, contacts, meetings, email and a report builder across twelve pages
Sprig is a twelve-page client-relations CRM template for a small agency or studio, shown as a fictional design studio and its clients. The pages are Dashboard, Deals, Notes, Emails, Reports, Workflows, Companies, Contacts, Meetings, Projects, Settings and Help Center, switched from a sidebar whose highlight travels between links, with collapsible Favorites and Projects groups, a collapse-to-icons mode and a bottom tab bar on phones; every screen is in the URL. The Dashboard counts its key numbers up with sparklines, draws revenue as an area chart that morphs between 1, 3, 6 and 12 months and follows the pointer, shows the week's calendar with a live now line, re-cuts a leads bar by status, source or qualification, grows retention bars and marks customer countries on a dotted world map, and any widget can be hidden. Deals is a kanban of Leads, Discovery, Demo and Won: drag a deal with the mouse or a long press and it lifts and tilts, the others make room, and a win throws confetti with undo; there are list and timeline views, filters, sorting, grouping by owner or priority and a deal panel to edit everything. Companies has an acquisition-cost card with history, tasks and spend sliders, a sortable table with bulk actions and pages, and a gallery; Contacts has search, filters, a table or cards and an editable profile with tags. Meetings is a day, week and month calendar where you drag to move or resize a meeting. Emails is a three-pane mail client with folders, labels, reply, forward, compose, bulk actions and swipe to archive on phones. Notes is a pinned board with an autosaving editor. Reports is a builder: pick the data source, metric, grouping, segments and chart type and the stacked chart and table rebuild from the data, with CSV and PNG export. Workflows are step flows you add to, reorder and test-run as a dot travels the chain. Projects track tasks, budgets and a timeline.
$31.50 — one-time price, free updates
- A website template
- Plain HTML, CSS and JavaScript · no framework
- Build unlimited client sites with it
Built with Plain JavaScript, CSS, SVG, GSAP.
What is in the zip
- app.css
- css/companies.css
- css/contacts.css
- css/dashboard.css
- css/deals.css
- css/emails.css
- css/help.css
- css/meetings.css
- css/notes.css
- css/projects.css
- css/reports.css
- css/settings.css
- css/ui.css
- css/workflows.css
- index.html
- src/charts.ts
- src/main.ts
- src/motion.ts
- src/pages/companies-rec.ts
- src/pages/companies.ts
- src/pages/contacts.ts
- src/pages/dashboard.ts
- src/pages/deals.ts
- src/pages/emails.ts
- src/pages/help.ts
- src/pages/meetings.ts
- src/pages/notes.ts
- src/pages/projects.ts
- src/pages/reports-chart.ts
- src/pages/reports-sheet.ts
- src/pages/reports.ts
- src/pages/settings.ts
- src/pages/types.ts
- src/pages/workflows.ts
- src/shell.ts
- src/store.ts
- src/ui.ts
- src/worldmap.ts
- tsconfig.json
Version history
- v1.0.1, 2026-10-16 — Toolbars fit on tablets. On tablets and narrow laptops the Dashboard, Projects and Meetings toolbars now fit on one row: secondary buttons turn into icons there, with their names kept for screen readers, instead of one button wrapping onto a row of its own. Phones and desktops are unchanged.
- v1.0.0, 2026-10-16 — First release. Sprig shipped, with the reel recorded from the real page.