Shadcn.io is not affiliated with official shadcn/ui
React Table Block File Tree
Table component with expandable file tree structure showing folders and files for React file browser interfaces
Browse files on your Next.js file manager with this file tree table component. Features expandable folder rows, nested indentation levels, file type icons, folder expand and collapse toggles, file size and date columns, and selection checkboxes. Built with shadcn/ui Table, Checkbox, and Button components using Tailwind CSS and Lucide icons. The hierarchical display enables intuitive navigation perfect for file managers, code browsers, document explorers, asset libraries, or any React app displaying nested file structures.
React Table Block File Tree preview
Installation
Related Components
Table with Nested Rows
Nested hierarchy
Table with Expandable Rows
Expand rows
Table with Row Selection
Select files
Table with Thumbnails
File previews
Table with Quick Actions
File actions
Searchable Filterable Data Table
Search files