Table Components

Dev Design Library indexes 320 table components from 58 open-source UI libraries, with the most coming from ReUI, Tremor Blocks, Watermelon UI, sv-particles and Origin UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Table components belong to the Data display group.

Showing 120 of 320, a mix from every library. Open a library to see all of its components.

• Dashboard 01shadcn/ui · ReactA dashboard with sidebar, charts and data table.
• TableMUI / Material UI · React
• TabledaisyUI · CSS (Tailwind)
• TableChakra UI · ReactUsed to display data in a tabular format.
• TableHeroUI · ReactTables display structured data in rows and columns with support for sorting, selection, column resizing, and infinite…
• Table ViewReact Spectrum · ReactTables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on…
• Tablecoss ui · ReactA simple table component for displaying tabular data.
• TableOrigin UI · ReactA simple table component for displaying tabular data.
• TableRadix Themes · React
• DatatablePreline UI · JavaScript (HTML + Tailwind)
• TableTremor · React
• Data grid with paginationReUI · ReactData grid with pagination
• Data Tablepdfcn · ReactData Table PDF component (forme)
• TablePark UI · ReactA component for displaying data in rows and columns.
• Pro TableLobe UI · React
• tableIntent UI · Reacttable
• TableUntitled UI React · React
• Order BookbeUI · ReactAnimated order book with bid and ask depth, spread, and volume balance.
• TableTailGrids · ReactA table component with multiple variants.
• API Keys TableSpectrum UI · ReactKey management with masked secrets in mono, scope chips, usage counts and a revoke action.
• TableVengeance UI · React
• Data TableFluid Functionalism · ReactTanStack Table drawn with the library's Table: the fluid hover row highlight plus resizable, draggable columns…
• TableToolcraft · React
• TablePanel UI · React NativeRows and columns that stay lined up, with sortable headers.
• Pricing 02 - Scalable Pricing TableShadcn Space · ReactA three tier pricing layout with a highlighted recommended plan, feature checklists, and clear CTAs, perfect for any…
• Customers TableOpenSourceUI · React
• Data TableBoardUI · ReactFilters, selection, and pagination wired up.
• TableTremor Blocks · React
• TableShadcn Dashboard · React
• Pricing Fivecnblocks · SveltePricing table with feature comparison
• TableObsidianUI · React
• Data TableNotra · ReactA sortable, selectable table with a sticky header, virtualized rows, pagination with a page-size select, and an…
• Tables 01Oxbow UI · Astro
• tableBaseLayer · ReactA table displays data in rows and columns and enables a user to navigate its contents via directional navigation keys…
• TableShark UI · ReactA responsive table component.
• Data TableAI CSS · React
• Data TableWatermelon UI · React
• Comparison tableArc Library · ReactAn us versus them table with a sticky header, a highlighted column, and a stacked phone view.
• Basic Data Tablesv-table · Svelte
• Data TableUI Lab · ReactSorts, selects and bulk-acts on rows without losing its place.
• Data tableHextaUI · ReactA table for real data, with sorting, search, row selection, pinned columns, a sticky header and pagination.
• Data Table ArtifactLocalMode · ReactA generic sortable data table for local row data — VectorDB results, model catalogs, evaluation rows, or…
• Data TableCojeev UI · ReactDisplays records with client-side filtering, sortable columns, and paginated rows.
• Prop TableROI UI · ReactAn expandable table for documenting component props.
• Comparison TableFLX UI · ReactComparison Table for Select a Plan.
• Data GridVelora UI · ReactSortable, searchable, filterable table with selection, column toggles and pagination, built on TanStack Table.
• Comparison PatternHalaska UI · React
• Basic Tablesv-particles · Svelte
• TableMetal UI · React + SwiftUIRows of things, read across and compared down: engraved labels and hairlines; sorting turns the column's arrow and…
• Adaptive Density GridSpaceUI · ReactA fluid polymorphic grid featuring velocity-driven spring pill tabs, staggered layout reflow animations, and built-in…
• Aria TableReScript shadcn · ReScript
• Table of ContentSkecher UI · ReactA reading-aware page outline with an animated active marker, expandable subsections, and a progress rail.
• TableOUI · ReactReact aria components Table with shadcn characteristics.
• Liquid TableLiquefy UI · ReactData table in liquid glass style. Tabela de dados em estilo vidro líquido.
• Dashboard 01D2Studio UI · ReactHotel booking dashboard with guest and vacancy stats, booking search and a check-in and check-out table.
• TableEaseUI · ReactA plain, composable data table: sortable headers with an arrow that only shows on hover until active, and rows that…
• Data TableFibo · ReactA table for lists people work through, on TanStack Table: sorting, search, filters with counts, pages, selection, cell…
• Data TableReactFrame · ReactAn admin data table with sortable/filterable columns, global search, status tabs, row selection, badge/avatar/actions…
• Tableshadcn/ui · ReactA responsive table component.
• Table BodyMUI / Material UI · React
• Tailwind TableReact Spectrum · React
• Comp 466Origin UI · React
• Data grid with column iconsReUI · ReactData grid with column icons
• Tablepdfcn · ReactTable PDF component (forme)
• TableLobe UI · React
• TablebeUI · React
• Audit Log TableSpectrum UI · ReactA dense, pinned-header event log with actors, mono action names, IPs and severity levels.
• TableFluid Functionalism · ReactAnimated table with fluid hover row highlighting and fluid border transitions. Includes TableHeader, TableBody…
• Web TablePanel UI · React NativeA plain data table for inventory and member lists.
• Table 01 - Project Management TableShadcn Space · ReactA sortable projects table with manager, team avatars, progress indicators, search, and pagination, ideal for admin…
• Orders TableOpenSourceUI · React
• TableBoardUI · ReactSortable columns, sticky header.
• Account And User Management 01Tremor Blocks · React
• A
  Animated TableShadcn Dashboard · React
• TableNotra · Reactshadcn table primitives in a grey shell with a 2px rim around a lifted body card.
• Tables 02Oxbow UI · Astro
• Data Table 1Watermelon UI · React
• Plan comparisonArc Library · ReactCompare meaningful differences between plans and billing periods.
• Complex Examplesv-table · Svelte
• TableHextaUI · ReactA responsive table with a surface style, wrapping or compact cells, sticky headers, pinned columns and scroll hints.
• Voice Comparison PanelLocalMode · ReactA/B voice comparison — two labeled columns, each with a language-grouped voice select (VoicePicker) and a native…
• TablesCojeev UI · ReactScan a compact ledger, explore detailed records or compare them side by side. One Tables guide for native parts and…
• TableROI UI · ReactA responsive table component for displaying structured tabular data.
• BasicFLX UI · ReactCaption, header, and a footer total row.
• Pricing comparison tableVelora UI · ReactGrouped feature comparison table with a sticky plan header, and per-plan tabs on mobile.
• Data TableHalaska UI · React
• Card Tablesv-particles · Svelte
• Data GridSpaceUI · ReactDisplays large datasets in an interactive table where users can sort, filter, paginate, and resize columns to analyze…
• Base TableReScript shadcn · ReScript
• Pricing CardsD2Studio UI · ReactResponsive three-tier pricing cards with feature comparison and popular plan highlighting
• TableFibo · ReactRows and columns of data, at one compact density.
• Table HeadMUI / Material UI · React
• Vanilla TableReact Spectrum · React
• Comp 467Origin UI · React
• Data grid with sortable columnsReUI · ReactData grid with sortable columns
• Data Tablepdfcn · ReactData Table PDF component (takumi)
• Customers TableSpectrum UI · ReactAccounts ranked by MRR with plan badges, churn-risk indicators and owner avatars.
• Recent Transactions TableOpenSourceUI · React
• Data GridBoardUI · React
• Account And User Management 02Tremor Blocks · React
• Tables 03Oxbow UI · Astro
• Data Table 10Watermelon UI · React
• Sortable data tableArc Library · ReactCompare structured records with sortable columns.
• Custom Filters Examplesv-table · Svelte
• Voice Explorer BlockLocalMode · ReactBrowse, search, preview, and A/B-compare all 29 Kokoro voices (grouped by language label; play/stop preview where…
• With imagesFLX UI · ReactAvatar thumbnails beside name and email in each row.
• Diff Table PatternHalaska UI · React
• Column Visiblity Tablesv-particles · Svelte
• TableSpaceUI · ReactOrganizes structured records into clear rows and columns with column headers, hover highlights, and responsive layouts.
• TableD2Studio UI · ReactA responsive table component.
• Table RowMUI / Material UI · React
• Comp 468Origin UI · React
• Data grid with movable columnsReUI · ReactData grid with movable columns
• Tablepdfcn · ReactTable PDF component (takumi)
• Dark MatrixSpectrum UI · ReactA dark comparison table with dashed rows, mint checks, and per-plan CTA pills.
• Tasks TableOpenSourceUI · React
• Account And User Management 03Tremor Blocks · React
• Tables 04Oxbow UI · Astro
• Data Table 11Watermelon UI · React
• Tree tableArc Library · ReactA table with nested rows, tri-state selection, hierarchy-preserving sort, and lazy-loaded children.

Libraries with table components

• ReUI
• Tremor Blocks
• Watermelon UI
• sv-particles
• Origin UI

Related categories

• React Table Components
• Tailwind CSS Table Components
• Svelte Table Components
• Animated Table Components
• shadcn/ui Table Components
• Data Display Components
• Card Components
• Chart Components
• Avatar Components
• List Components
• Stat Components
• Calendar Components
• Accordion Components
• Data Table Components
• Carousel Components
• Collapsible Components
• Avatar Group Components
• Stat Card Components
• Bar Chart Components
• Tree View Components
• Card Stack Components