opfs-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
• Documentation
• Chrome Web Store

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.

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…

| Chrome | Edge | Firefox | Safari | Opera | | :----: | :--: | :-----: | :----: | :---: | | 108+ | 108+ | 111+ | 16.4+ | 94+ |