Search blocks

Find a block by name or category

14 Blocks

Table Blocks

Table blocks built on shadcn/ui and Base UI. Preview each one live, then install it with a single shadcn command.

Table 1

Free

A data table with a toolbar, status cells, and pagination.

AvatarBadgeButtonCheckboxDropdown MenuInputSonnerTable
@remixicon/react@tanstack/react-table

Table 2

Free

A static invoices data table showing client avatars, project names, payment methods, due dates, status badges, and right-aligned amounts with a footer total row. No toolbar or pagination.

AvatarBadgeButtonCheckboxDropdown MenuInputSeparatorSonnerTable
@remixicon/react@tanstack/react-table

Table 3

Free

A static invoice line-items table with a caption showing billed-to details, per-item qty/unit/unit-price/amount columns, and a multi-row footer with subtotal, tax, and total due.

Table

Table 4

Pro

Pro table: a transactions billing ledger with a filter-chip toolbar, brand-logo descriptions, flag + timezone region cells, signed color amounts, status badges, and rows that blur-rise in and reorder on sort.

BadgeButtonCheckboxDropdown MenuInputSelectTable
@remixicon/reactmotion@tanstack/react-table

Table 5

Pro

Pro table: a tabbed workflow library segmented by state (All, Live, Needs Review, Drafts, Paused) with counts, blur cross-fade on tab switch, in-cell star ratings, colored state dots, and owner avatars.

AvatarButtonCheckboxDropdown MenuTableTabs
@remixicon/reactmotion@tanstack/react-table

Table 6

Pro

Pro table: a renewals review board with animated health bars that fill on scroll, urgency-colored due dates, ARR with upside, stage dots, and risk badges.

AvatarBadgeButtonCheckboxDropdown MenuTable
@remixicon/reactmotion@tanstack/react-table

Table 7

Pro

Pro table: a customers master-detail split. Select a row in the list and a detail panel blur-swaps in with count-up balance and lifetime value, trend deltas, company mark, location, and recent activity.

AvatarBadgeButtonTable
@remixicon/reactmotion@tanstack/react-table

Table 8

Pro

Pro table: a CRM contacts pipeline with pinned rows, category tag clusters, animated score bars, in-cell trend sparklines, currency, and status dots.

AvatarBadgeButtonChartDropdown MenuTable
@remixicon/reactmotion@tanstack/react-tablerecharts

Table 9

Pro

Pro table: an exception queue with a KPI count-up strip and a virtualized dense body over hundreds of shipment rows, with carrier marks, status badges, and priority badges.

BadgeButtonInputTable
@remixicon/reactmotion@tanstack/react-table@tanstack/react-virtual

Table 10

Pro

Pro table: a release reviews board with expandable rows that reveal a nested readiness checklist, radial readiness rings via the shadcn chart primitive, approvals counts, and status and risk badges.

AvatarBadgeButtonChartTable
@remixicon/reactmotion@tanstack/react-tablerecharts

Table 11

Pro

Pro table: an editable product inventory with click-to-edit name and price cells, per-row visibility switches, low-stock warnings, and a dirty-state save footer that swaps between Unsaved Changes and All Changes Saved.

BadgeButtonInputSwitchTable
@remixicon/reactmotion

Table 12

Pro

Pro table: a routing-rules list with drag-to-reorder rows (dnd-kit), numbered priority, scope badges, when/then rule cells, match counts, enable switches, and a reset-order action.

BadgeButtonSwitchTable
@remixicon/reactmotion@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilities

Table 13

Pro

Pro table: a revenue ledger grouped by region into collapsible sections, each with a count-up subtotal and a row-count badge, plus a net-total footer.

BadgeTable
@remixicon/reactmotion

Table 14

Pro

Pro table: a latest-reviews feed with numbered rows, customer avatars, in-cell star ratings, review-text cells with hover tooltips, instant search with a blur cross-fade, and a View All Reviews footer action.

AvatarButtonInputTableTooltip
@remixicon/reactmotion