React table and list components for Tailwind CSS
Tables and lists hold the records an app is about. Table is the library's one table look, with semantic parts plus a props API for small read-only tables. Data Table is the admin table on TanStack Table, with search, filters, sorting, bulk actions, column pinning and resizing, and virtualization for long data. Editable Grid behaves like a spreadsheet, with typed cells, range selection and copy and paste with Excel. Virtual List keeps thousands of rows smooth with sticky group headers and infinite loading, and List covers settings, contacts and inboxes with iOS grouped panels, swipe actions and drag to reorder.
All Tables & Lists[11]
Kanban
A board of columns and cards for pipelines, orders and tasks: drag with mouse, touch or keyboard, WIP limits, inline add and a phone layout.
Data Table
The admin table on TanStack Table v9: search, filters, sorting, bulk actions, pinning, resizing, virtualization and cards on phones.
Deal Pipeline
The sales pipeline: stages with weighted totals, a forecast summary, drag between stages with a lost reason, and a list view.
Audit Log
Who did what, when and to which record: a filterable activity log with day groups, before / after diffs and a CSV export.
Editable Grid
A spreadsheet-like table: typed cells edited in place, range selection, copy and paste with Excel, undo, validation, 2,000 rows at 60fps.
List
Rows on a page for settings, contacts, inboxes and orders: iOS grouped panels, selection, row menus, swipe actions and drag to reorder.
Members table
The team page of a B2B app: members with a role select per row, status, activity and 2FA, pending invitations, seats and an invite dialog.
Permissions Matrix
Who can do what: roles as columns, permissions by module as rows, with dependencies, unsaved-change dots and a per-role list on phones.
Table
The library's one table look: semantic table parts plus a props API for small read-only tables that turn into cards on phones.
Guides
Tutorials and guides from the blog that use these components.
Comparisons and alternatives
14 shadcn Alternatives in 2026: Price, Mobile and MCP
14 shadcn alternatives checked in October 2026: free and paid UI libraries by license, price, mobile behavior and MCP support, with a pick per use case.
19 min read
Building UI with AI agents
Component Library MCP: Make Agents Use Real Components
How a component library MCP server, rules files, llms.txt and a registry get Claude Code, Cursor and Codex to install real components instead of guessing.
25 min read
Component guides
dnd kit Mobile: Touch Drag That Lets the Page Scroll
Fix dnd kit mobile drag: a TouchSensor long press that still lets the page scroll, touch-action per element, the iOS Safari resize cancel and a tap path.
11 min read
Component guides
How to Update shadcn Components Without Losing Edits
Update shadcn components without losing edits: what shadcn diff and add --diff show, why a 2-way diff hides whose change is whose, and how a 3-way merge works.
10 min read
Mobile UI in React
Mobile-First React Components: 9 Rules With Code
Mobile-first React components, rule by rule: bottom sheets instead of popovers, 44px touch targets, safe areas, dvh, keyboard-aware bars and tables as cards.
20 min read
Build it: screens and apps
Nextjs Admin Dashboard Tutorial: 5 Screens, Phone-Ready
A nextjs admin dashboard tutorial for the App Router: app shell, KPI home, server-side data tables, settings and team pages, each one usable on a phone.
19 min read
About Tables & Lists
Kanban and Deal Pipeline are boards you drag cards across, Members Table and Permissions Matrix manage teams and roles, Audit Log records who did what and when, and Task List is a checklist that moves completed tasks to the bottom. Wide tables do not fit a 390px screen, so these change shape on phones: Table and Data Table become cards, Permissions Matrix shows a list per role, Kanban has its own phone layout, and Editable Grid freezes the first column and edits rows in a bottom sheet. 1 of the 11 table and list components is free: the source is open to everyone through the CLI, shadcn and the docs page (the MCP server needs a free account key). The other 10 are part of Pro.