xiry.

Development · GitHub repo

Gray UI CRM

Open-source CRM data grid and interface template built with Next.js and shadcn/ui

From the Xiry library · Updated 10 October 2026

Visit github.com ↗

An open-source CRM frontend showcase built using Next.js App Router, Tailwind CSS, and shadcn/ui primitives. It provides a preconfigured data grid architecture with inline editing, slide-over detail drawers, and task management using local mock data. It is designed as a practical reference implementation for developers building complex SaaS table interfaces.

What it's for

  • Bootstrap a custom CRM or B2B SaaS dashboard interface
  • Implement complex data tables with column toggling, sorting, and inline editing
  • Study modular component architecture combining shadcn/ui and Next.js App Router

Features

  • Configurable data grid with sorting, filtering, and summary totals
  • Inline editable table cells with keyboard shortcuts
  • Slide-over record drawer with entity details and tab navigation
  • Task board integration with drag-and-drop interactions via dnd-kit
  • Column visibility controls via dedicated options dropdown
  • Built-in mock data for offline local development out of the box
  • TypeScript-first codebase on Next.js 16 and React 19

Pricing

Open source. Free and open source (MIT license)

Details

Type
GitHub repo
Category
Development
Topic
UI Components
Open source
Yes
Platforms
Web, Self-hosted
For
Frontend developers and UI/UX designers building B2B dashboards and CRM tools.
Alternative to
Attio, HubSpot CRM
Tags
nextjs, shadcn ui, crm, datagrid, tailwind, react, typescript

Why it was saved

  • @JasonUXUI, 4 March 2026: A full, polished CRM table implementation to inspect, reuse or install: data table interactions, record slide-over panel, tasks tab, inline editing — from a product design engineer's studio.

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