// the find
sadmann7/tablecn
Data table and data grid components built with shadcn/ui, featuring sorting, filtering, pagination, infinite scrolling, and real-time collaboration.
A Next.js showcase of TanStack Table and TanStack DB wrapped in shadcn/ui, demonstrating server-side pagination/filtering, a data-grid with inline editing, and a real-time multiplayer mode via PartyKit. It's a reference implementation you copy from rather than install as a package — closer to a shadcn-style registry than a library.
The filter system is genuinely well-thought-out: auto-generated filters from column definitions plus a Notion-style advanced filter builder are both present and switchable. TanStack DB integration for the live/multiplayer demos is early but shows the reactive store pattern working against a real Postgres backend. The public /r/ registry files mean you can `shadcn add` individual pieces without forking the whole repo. Setup ergonomics are good — one `pnpm ollie` command gets you a seeded local DB and dev server via Docker.
This is a demo app, not a component library — there's no versioned package to import, no API stability guarantee, and the 'documentation' lives on a separate site (diceui.com) that you're trusting to stay in sync with the code. The multiplayer story requires a PartyKit deployment as a second service, which adds operational surface area most teams will skip. TanStack DB is still experimental; building on it now means you own the upgrade path when its API changes, which it will. Test coverage is thin — one hook test file and one lib test file against a codebase with a lot of stateful interaction logic.