Tailwind CSS Table Components

Dev Design Library indexes 293 Tailwind CSS table components from 46 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. Every library in this list styles its components with Tailwind CSS utility classes. Table components belong to the Data display group.

Showing 120 of 293, 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.
• TabledaisyUI · CSS (Tailwind)
• 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.
• DatatablePreline UI · JavaScript (HTML + Tailwind)
• TableTremor · React
• Data grid with paginationReUI · ReactData grid with pagination
• 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 TableWatermelon UI · React
• 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.
• 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.
• 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…
• 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.
• 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.
• Tailwind TableReact Spectrum · React
• Comp 466Origin UI · React
• Data grid with column iconsReUI · ReactData grid with column icons
• 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
• 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…
• 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.
• Card Tablesv-particles · Svelte
• Data GridSpaceUI · ReactDisplays large datasets in an interactive table where users can sort, filter, paginate, and resize columns to analyze…
• 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.
• Vanilla TableReact Spectrum · React
• Comp 467Origin UI · React
• Data grid with sortable columnsReUI · ReactData grid with sortable columns
• 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
• 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.
• 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.
• Comp 468Origin UI · React
• Data grid with movable columnsReUI · ReactData grid with movable columns
• 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
• Data Gridsv-table · Svelte
• GGUF Explorer BlockLocalMode · ReactBrowse 160,000+ HuggingFace GGUF models and the curated wllama catalog, inspect any file's metadata via a ~4KB HTTP…
• Without dividersFLX UI · ReactBorderless rows for a clean, list-like layout.
• Dense Tablesv-particles · Svelte
• Comp 469Origin UI · React
• Data grid with draggable columnsReUI · ReactData grid with draggable columns
• Data TableSpectrum UI · ReactA typed data table with sorting, search and row selection, where rows glide into their new order.
• Team Members TableOpenSourceUI · React
• Account And User Management 04Tremor Blocks · React
• Tables 05Oxbow UI · Astro
• Data Table 12Watermelon UI · React
• Data Table Filters Examplesv-table · Svelte
• Vector Data Manager BlockLocalMode · ReactFour-format vector import (Pinecone/ChromaDB/CSV/JSONL + native JSON) with auto format-detection, preview, batched…
• Striped rowsFLX UI · ReactZebra striping tints every other row.
• Filter Tablesv-particles · Svelte
• Comp 470Origin UI · React
• Data grid with draggable rowsReUI · ReactData grid with draggable rows
• Deployments TableSpectrum UI · ReactCI deploys with commit messages, mono shas, environment badges, build status and author avatars.
• Users Select TableOpenSourceUI · React
• Account And User Management 05Tremor Blocks · React
• Tables 06Oxbow UI · Astro
• Data Table 13Watermelon UI · React
• Dnd Kit Examplesv-table · Svelte
• Model Cache TableLocalMode · ReactCached-model observability table: model ID (monospace, truncated), status badge (loaded/loading/error), load duration…
• With vertical linesFLX UI · ReactColumn grid lines via per-cell right borders.
• Froze Column Dropdownsv-particles · Svelte

Libraries with Tailwind CSS table components

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

Related categories

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