A Vue 3 component to display hierarchical data with a macOS Finder-like interface.
Vue Finder is a Vue 3 component that displays hierarchical data in a tree structure interface similar to macOS Finder. It solves the problem of visualizing nested data with interactive elements like expandable nodes and selection capabilities. The component provides an intuitive way to browse and interact with tree-structured information in web applications.
Vue.js developers building applications that need to display file systems, organizational charts, nested categories, or any hierarchical data structures.
Developers choose Vue Finder for its clean macOS Finder-like interface, straightforward Vue 3 integration, and flexible node configuration options. It offers a specialized solution for tree visualization without the complexity of larger UI libraries.
📁 A Vue.js component to display hierarchical data (like the MacOS X finder)
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Inspired by macOS Finder, it provides an intuitive and familiar tree interface for hierarchical data, as shown in the screenshot and example.
Designed for Vue 3 with composition patterns, offering modern and seamless integration into Vue Single File Components or via UMD build.
Allows per-node control over selection behavior (selectable: false) and initial states (selected: true), enabling customized interactions.
Comes with default CSS that can be easily overridden for custom theming, as demonstrated in the included style tag example.
Lacks out-of-the-box features like drag-and-drop, keyboard navigation, or search functionality, which are common in more comprehensive tree components.
Documentation is hosted on a separate website (vue-finder.netlify.app), which may break or lag behind updates, unlike embedded docs.
Not compatible with Vue 2.x or other JavaScript frameworks, limiting its use in legacy or mixed-stack projects.