@pierre/trees is an open source file tree rendering library built for performance and flexibility. Always virtualized, accessible, and packed with features.
Included Components
38
DiffsDiffsHubPierreHighlightsEditPlaygroundBuild with agentsAgent skillPrompt an agentPlain-text docsGuidesChoose your integrationGet started with ReactGet started with vanillaShape tree data for fast renderingNavigate selection, focus, and searchRename, drag, and trigger item actionsStyle and theme the treeCustomize iconsShow Git status and row annotationsHandle large trees efficientlySSRReferenceShared conceptsReact APIVanilla APISSR APIStyling and themingIconsVirtualized File Tree (<FileTree />)Flatten Empty DirectoriesGit Status Badges & ColorsContext Menu CompositionDrag and Drop ReorderingSearch & Filter by NameBuilt-in File Icon SetsShiki Theme IntegrationAdjustable Density (Compact / Relaxed)
@pierre/trees is a path-first, production-grade file tree library developed by The Pierre Computer Company. Engineered to effortlessly handle codebases with tens of thousands of files, it uses perpetual virtualization to ensure minimal DOM footprint and instant rendering. Notable features include smart empty-directory flattening (like GitHub/VS Code), live Git status coloring, drag-and-drop support, accessible keyboard navigation, built-in icon packs, and Shiki theme integration.
