OPFS Finder — Browse files like Finder

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

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

<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.

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+