shadcn/ui Tree View Components

Dev Design Library indexes 18 shadcn/ui tree view components from 8 open-source UI libraries, with the most coming from Shadcn Space, FLX UI, ReUI, Magic UI and ark-cn. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. Tree view components belong to the Data display group.

• File TreeMagic UI · ReactA component used to showcase the folder and file structure of a directory.
• Pinned footer with a side-anchored import flyout.ReUI · ReactPinned footer with a side-anchored import flyout.
• treeIntent UI · Reacttree
• Checkbox-09 - Checkbox with treeShadcn Space · ReactCheckbox component
• TreeHextaUI · ReactNested, expandable rows for files and hierarchies, with indent guides, connector lines, cascading checkboxes…
• Nested treeFLX UI · ReactMulti-level file tree; parents derive checked / indeterminate from children.
• SidebarOUI · ReactSidebar Trigger, Sidebar Tree, and Sidebar Button for shadcn Sidebar.
• Tree Viewark-cn · ReactA shadcn-style tree view component built with Ark UI primitives.
• Trigger path formatting and collapsing.ReUI · ReactTrigger path formatting and collapsing.
• Radio Group-01 - Radio Group with treeShadcn Space · ReactRadio Group component
• File treeFLX UI · ReactNested folders built from collapsible rows, with folder icons that swap on open.
• Radio Group-02 - Radio Group with treeShadcn Space · ReactRadio Group component
• File listFLX UI · ReactFile icon, name, size metadata, and a trailing overflow menu with actions per row.
• Radio Group-03 - Radio Group with treeShadcn Space · ReactRadio Group component
• Radio Group-04 - Radio Group with treeShadcn Space · ReactRadio Group component
• Radio Group-05 - Radio Group with treeShadcn Space · ReactRadio Group component
• Radio Group-06 - Radio Group with treeShadcn Space · ReactRadio Group component
• Scroll Area 01 - Custom File ExplorerShadcn Space · ReactA scrollable file explorer list with custom icons, badges, and smooth scroll area performance.

Libraries with shadcn/ui tree view components

• Shadcn Space
• FLX UI
• ReUI
• Magic UI
• ark-cn

Related categories

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