# Sales CRM

> Open-source dark-mode sales CRM dashboard built with Next.js and Claude

Sales CRM is a web-based sales dashboard template built in Next.js using Claude and design-engineering prompt skills. It provides a dense, interactive pipeline interface featuring company tracking, win probability indicators, and activity trends. It serves as both a functional CRM starter project and a design reference for complex data tables.

Website: https://sales-crm-kargulstudio.vercel.app/

Also at: https://github.com/kargulstudio/sales-crm

## What it is for

- Study data table UX and micro-interactions for complex B2B applications
- Bootstrap a custom sales pipeline or CRM dashboard using Next.js
- Evaluate production-quality frontend layouts generated with AI design skills

## Features

- Dense companies table with stage badges, deal counts, pipeline values, and win probability bars
- Activity trend sparklines and last interaction logging
- Command-palette style search with keyboard navigation
- Interactive filtering and sorting by owner, stage, and recency
- Sidebar views for deals board, forecasts, activities, contacts, and email sequences
- Modal dialogs for adding new companies with logo uploads and probability sliders

## Pricing

Free and open-source demo

## Details

- Type: Web app
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Web
- For: Frontend developers, UI/UX designers, and teams building custom internal tools
- Alternative to: Attio, HubSpot CRM
- Tags: nextjs, crm, dashboard, data table, design engineering, dark mode

## Why it was saved

- [@marcelkargul, 14 September 2026](https://x.com/marcelkargul/status/2099447410804035806): A real, live, production-quality AI-built product you can open and click through; also proof of what a design-engineering stack + Claude skills can ship in two days.
- [@marcelkargul, 4 October 2026](https://x.com/marcelkargul/status/2106706492317671503): A complete, polished dark-mode CRM UI — useful as a real-world Next.js codebase, a design reference for dense data tables, or a starter for building dashboards.
- [@marcelkargul, 4 October 2026](https://x.com/marcelkargul/status/2106706492317671503): Lets you click through the full CRM UI shown in the video without running the repo.

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 11 October 2026. Page: https://xiry.app/resources/sales-crm

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.