Svelte File Tree Explorer

This is a file tree explorer you can use in any browser based UI.

It is built using Svelte, with as little as^[1] zero dependencies, so you can use it in your React, Vue, Angular, or any other web framework.

It supports lazy-loading file trees, as well as customizable file icons, error messages, and more. You can pass in custom components to any of the displayed parts, for more complete customization.

To install, or to learn the API, please read the documentation.

Examples

Following are a handful of examples, to show the flexibility and power of this component.

Basic #link #code

Here is a really basic example, where the complete file tree is pre-loaded:

Custom Icons #link #code

Custom icons by specifying a map of icons to file extensions:

This project was made with ❤️ by Tobias Davis, and is published entirely under the Very Open License. View it on Github.