OPFS Finder — Browse files like Finder 作者: tseijp

opfs-finder

Browse your browser's hidden files — exactly like the Finder.

Every website quietly stores files inside your browser. Until now, you
needed DevTools to even see them. opfs-finder opens that hidden storage in a
window you already know how to use — icons, list, column, and gallery views,
drag & drop, rename, tag, search. Nothing new to learn. It just feels like
Finder.

Links

• npm package: https://www.npmjs.com/package/opfs-finder
• Documentation: https://opfs-finder.tsei.jp/
• Chrome Web Store: https://chromewebstore.google.com/detail/opfs-finder/goembbknolimgobgjlpmoldlofadgkon

Two ways to use it

As a Chrome extension

Click the toolbar button on any site. The Finder opens, showing that site's
files. Browse, preview, rename, move, and delete — wherever you are, the same
familiar window.

Install from the Chrome Web Store:

https://chromewebstore.google.com/detail/opfs-finder/goembbknolimgobgjlpmoldlofadgkon

As an npm package

Add file management to your own app in one line. Your users get a real Finder
for their data — no need to build one yourself.

pnpm install opfs-finder

import finder from 'opfs-finder'

<button onClick={() => finder()}>
Manage my files
</button>


That's it. One import, one call, and your app has a Finder.

What you get

• Four views — icons, list, column, and gallery, just like macOS.
• Full file actions — open, create, rename, duplicate, copy, move, delete.
• Drag & drop — move files around, or drop files in from your desktop.
• Tags, favorites, search — organize and find files the way you already do.
• Preview anything — even raw binary, shown as readable hex.

No setup. No config. It remembers how you like things and stays out of your
way.

Supported browsers

opfs-finder runs on every modern browser. More — Can I use…: https://caniuse.com/wf-origin-private-file-system

Chrome 108+
Edge 108+
Firefox 111+
Safari 16.4+
Opera 94+