Standalone File Explorer UI for the NodeJS filesystem API for using in the browser, i.e. for browser libraries that implement the NodeJS FS API such as zenfs and memfs.

This may be useful if you have an existing project that uses any of these libraries, you can add this to let users explore and modify the file system.

This project bundles the svelte component from https://www.npmjs.com/package/nodejs-fs-explorer-ui to make it easily reusable without needing Svelte. If you are using Svelte you should use the Svelte component directly.

File explorer screenshot

Installation

npm install nodejs-fs-explorer-ui-bundle

Usage

import mountNodeJsFsExplorer from "nodejs-fs-explorer-ui-bundle";
import fs from "@zenfs/core";

mountNodeJsFsExplorer(container, fs, {
  initialDir: "/home",
});

If you are not using npm or a bundler you can download the standalone prebuilt files from the dist folder:

<!DOCTYPE html>
<html>
  <head>
    <!-- Always use the .iife.js since it is minified and optimized for this use case -->
    <script src="./nodejs-fs-explorer-ui-bundle.iife.js"></script>
  </head>
  <body>
    <div id="explorer"></div>

    <script type="module">
      import * as fs from "./zenfs/esm/core.browser.min.js";

      const container = document.getElementById("explorer");
      // This function is exposed as a global variable when using the .iife.js prebuilt file
      mountNodeJsFsExplorer(container, fs, {
        initialDir: "/home",
      });
    </script>
  </body>
</html>

Development

Install dependencies

pnpm install

Build

pnpm build

Test

This will create a vite server with live reloading

pnpm dev

To test the build files you can start an http server and browse to the test-build.html file.

License

This software is distributed under the LGPL-3.0 license.

Keywords

FAQs

What is nodejs-fs-explorer-ui-bundle?

Is nodejs-fs-explorer-ui-bundle popular?

Is nodejs-fs-explorer-ui-bundle well maintained?

Package last updated on 16 Mar 2026

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

nodejs-fs-explorer-ui-bundle

emscripten-fs-file-explorer-ui