shadcn examples svg logo
484

Command Palette

Search for a command to run...

Sign inGet All Access

Shadcn Product List Table

Product List Table is an admin style product list block built on TanStack Table and Shadcn UI. It renders a digital product catalog as a sortable data table with name, price, status, total sales, and total revenue columns, inline SVG sparklines for revenue trends, and per row share and action menus. The toolbar holds a keyword search, single select category and status filter dropdowns, and a column visibility menu, and when rows are multi selected the search swaps out for a bulk action bar with publish, duplicate, archive, and delete buttons. An Add Product button sits top right, pagination runs along the footer, and the table scrolls horizontally on mobile. Available in React, Vuejs, and Svelte versions.

Pro
Product List Table preview
Get Unlimited Access to All Examples & Blocks.
Unlock everything with a single payment. Get lifetime access to all content. You will also receive free access to all new examples.