Contacts

Shadcn crm dashboard template for Next.js, React & Tailwind

A modern contact book that actually keeps up.

Contacts template preview

Filmstrip

6 on this reel

About this Shadcn crm dashboard

Contacts is a modern contact-management dashboard with a list of people grouped by company, a dedicated favorites view, an activity timeline, and multi-axis filtering across company, tag, status and favorites. Free-text search hits name, email, role and phone in one shot.

Click any contact to open a detail panel with full info, notes, and per-contact activities (emails, calls, meetings, notes). A new-contact dialog ships built-in, avatars are generated via DiceBear, and grid or list rendering is one toggle away.

Everything runs client-side on a Zustand store seeded with mock contacts, companies and activities, with the standard 42-color theme switcher and light/dark mode wired through both radix-ui and base-ui variants.

Routes

Pages and views included in this template.

/

All Contacts

All contacts list/grid with sidebar filters and detail pane

/favorites

Favorites

Contacts list filtered to favorites only

/companies

Companies

Contacts grouped under collapsible company sections

/activity

Activity

Timeline of all contact activities (email, call, meeting, note)

Features

  • Add, edit, favorite and delete contacts with a built-in dialog
  • Filter by company, tag (customer, lead, partner, VIP) and status
  • Open a detail pane with notes and per-contact activity history
  • Browse contacts grouped by company in collapsible sections
  • Scan a unified activity timeline filtered by type
  • Search across name, email, role and phone instantly
  • Switch between grid and list rendering with 42 color themes

Get all templates in the Ultimate Kit

Get the Ultimate Kit — $129