Development · Web app

Sales CRM

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

Visit sales-crm-kargulstudio.vercel.app ↗

Also at github.com

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.

What it's 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
Topic
UI Components
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: 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: 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: Lets you click through the full CRM UI shown in the video without running the repo.

Related

  • shadcn/ui

    Copy-paste React UI components built with Tailwind CSS and Radix primitives.

  • Efferd

    Pre-built, responsive shadcn/ui blocks and layouts for React applications

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • React Bits

    Open-source animated and interactive React UI components and backgrounds

  • 21st.dev

    Curated directory of crafted React, Tailwind, and shadcn UI components.

  • lucide-animated

    Open-source animated React icons built with Lucide and Motion

All 114 in UI Components →

Updated