Pierre/trees is an open source file tree rendering library
18 hours ago
- #file-tree-library
- #open-source
- #react-components
- Pierre/trees is an open-source file tree rendering library built for performance and flexibility.
- It is highly customizable and includes features like flattenEmptyDirectories for compact trees, gitStatus indicators for Git file statuses, and custom context menus.
- The library supports drag-and-drop file movement, search filtering with three modes, and virtualization for handling tens of thousands of items instantly.
- It offers built-in keyboard navigation, ARIA roles for accessibility, and three tiers of icons (minimal, standard, complete) with customizable CSS variables.
- The same Shiki themes used by Pierre/diffs can style the FileTree, and CSS custom properties allow for overriding UI and theme colors.
- Density options (compact, default, relaxed) adjust tree proportions, and the team behind it has extensive experience from major tech companies.