October 8, 2025 - Shadcn Tree View is a React component built with TypeScript, Tailwind CSS, and shadcn/ui, designed for creating hierarchical tree views with nested, expandable, and collapsible data lists that support custom icons, action buttons, drag-and-drop ...

npx shadcn add "https://mrlightful.com/registry/tree-view" type TreeProps = React.HTMLAttributes<HTMLDivElement> & { data: TreeDataItem[] | TreeDataItem; initialSelectedItemId?: string; onSelectChange?: (item: TreeDataItem | undefined) => void; renderItem?: (params: TreeRenderItemParams) => React.ReactNode; expandAll?: boolean; defaultNodeIcon?: React.ComponentType<{ className?: string }>; defaultLeafIcon?: React.ComponentType<{ className?: string }>; }; interface TreeDataItem { id: string; name: string; icon?: React.ComponentType<{ className?: string }>; selectedIcon?: React.ComponentType<{ c

June 19, 2025 - Shadcn Tree View is a free, open-source React component developed by Roman Sirokov to extend shadcn-ui, enabling developers to display hierarchical data in a collapsible tree structure.

I'd love it if shadcn-ui had a Tree component. I frequently find myself looking for this kind of component. ... https://dgreene1.github.io/react-accessible-treeview/ (this one looks new/accessible/maintained/clean, although it might lack some features?)

npx shadcn@latest add "https://github.com/neigebaie/shadcn-ui-tree-view/releases/download/v1.1.0/schema.json" interface TreeViewItem { id: string; name: string; type: string; children?: TreeViewItem[]; checked?: boolean; } interface TreeViewProps { className?: string; data: TreeViewItem[]; title?: string; showExpandAll?: boolean; showCheckboxes?: boolean; searchPlaceholder?: string; iconMap?: Record<string, React.ReactNode>; menuItems?: TreeViewMenuItem[]; onCheckChange?: (item: TreeViewItem, checked: boolean) => void; onAction?: (action: string, items: TreeViewItem[]) => void; } interface TreeViewMenuItem { id: string; label: string; icon?: React.ReactNode; action: (items: TreeViewItem[]) => void; }

May 5, 2025 - "shadcn-tree-view is a Shadcn UI component for hierarchical lists of data with nested levels that can be expanded and collapsed." ... We’re hosting on Digital Ocean! 💙 Try it today and get a free $100 credit.

A tree view that assembles all the functionalities of the Accordion component to create a tree view. radix-uishadcn · PreviewCode · src · Toggle · ManualCLI · npm install @radix-ui/react-accordion use-resize-observer npx shadcn-ui@latest ...

A Shadcn UI component for hierarchical ... Tree View component by Shadcn UI is designed to facilitate navigation through hierarchical lists of data with expandable and collapsible nested levels....

February 5, 2025 - A custom TreeView component based on Shadcn-UI offers multi-selection, folder management, and visual feedback. It features selection capabilities (single click, range, multi-select, drag select), a folder management system with expand/collapse ...

March 31, 2025 - JSON Tree Viewer is a React component designed specifically for applications built with shadcn/ui. It takes your JSON data as input and renders it into an interactive, collapsible tree structure.

A plugin that provides a visual tree view of the editor's document structure in a dialog. PreviewCode · Start typing... Copy · "use client" import { useState } from "react" import { InitialConfigType, LexicalComposer, } from "@lexical/rea...

April 17, 2025 - Add the Shadcn UI Tree View component to your React project. Display nested data with custom icons, actions, and drag-and-drop support.

201 · Feb 6, 2025open-source · reacttailwind · WebsiteGitHub · The Tree View component by Shadcn UI is designed to facilitate navigation through hierarchical lists of data with expandable and collapsible nested levels.

Shadcn Treeview provides an accessible, customizable tree view component for React applications.

A tree view that assembles all the functionalities of the Accordion component to create a tree view. ... npm install @radix-ui/react-accordion npm install use-resize-observer npm install @tanstack/react-virtual npx shadcn-ui@latest add scroll-area

September 23, 2024 - A React component that automatically creates a shadcn/ui form based on a zod schema.

February 6, 2025 - Implement hierarchical data structures in webapps using Shadcn Tree View. Multi-select support, folder management, and customizable icons included.