Dealflow

A sales-pipeline interface with a glass funnel, a linked kanban board, detailed deal views, quota forecasting and account and contact exploration.

• Best forDevelopers building B2B sales-pipeline and CRM interfaces.

• Pipeline

  Move demo deal cards between stages, inspect at-risk deals and watch linked totals and funnel tokens respond to local changes.

• Deals

  Switch between fictional deals, explore a stage stepper, filter activity, inspect stakeholders and tick local next steps.

• Forecast

  Compare quota attainment, forecast categories, a waterfall, rep rankings and a sample weekly projection for the selected team.

• Contacts

  Search and filter account and contact directories, select accounts and inspect health rings, engagement trends and heat calendars.

• Linked pipeline state

  Moving or creating a demo deal updates stage totals, the funnel and related forecast figures, with an Undo confirmation.

• Deal exploration

  Switch deals, filter fictional activity, review stakeholder relationships and tick local next steps.

• Forecast and account views

  Inspect quota gauges, waterfall modes, rep rankings, account health and engagement timelines using fictional data.

• Adaptable frontend

  Editable TypeScript data, custom SVG and Canvas charts, responsive layouts and reduced-motion states provide a starting point for your own CRM.

Responsive layouts, keyboard-accessible navigation and reduced-motion support.

Companies, contacts, deals, activities, health scores, quotas and forecasts are fictional. Board moves, new deals and checklists only change local React state and reset on reload. No CRM backend, authentication, email, calendar, telephony or persistent database is connected.

• IncludedFictional demonstration data and local interactions, ready to edit. The included README identifies the data files and model.
• Not includedBackend, database, authentication, payments or AI services. Features that look connected are simulated; connect your own services when you adapt the code.

• Complete Next.js project
• 4 animated views
• Source files and project assets
• README with setup and customization
• LICENSE.md

Stack and requirements

• StackNext.js 16, React 19, TypeScript, Tailwind CSS v4, Framer Motion, Lucide
• FontsPlus Jakarta Sans
• RequiresNode.js 20.9 or later, npm, and working knowledge of React and Next.js

Run it locally

Extract the ZIP, open a terminal in the project folder, then run:

npm install
npm run dev

Open localhost:3000. The README covers the data, colors, fonts and animations.

• Price$9 USD, one-time payment. No subscription or renewal.
• TaxesApplicable VAT and sales tax are included in the price. The total is shown before you pay.
• LicenseUnlimited personal and client projects. No resale or redistribution of the source. Read the license
• DeliveryAfter payment, Polar emails your receipt and a download link for the ZIP.
• RefundsIf the files don’t install or run as described and can’t be fixed within 7 days, you get a full refund. Refund policy
• Supporthello@buildindex.dev for the template as delivered.

Secure checkout by Polar. More answers in the questions.