File System Access - Interactive Lab | IconVault

Use the real File System Access API: open, edit and save files in place, browse directories. Free, runs fully in your browser.

All tools

File System Access

Open, save and browse with a live editor

5 of 5 free uses left

The File System Access API is not supported in this browser.

It needs Chrome or Edge 86 and later on desktop. Firefox and Safari do not implement the picker methods.

File actions

file: (none)

permission: unknown

modified: no

5 of 5 free opens left.

Directory browser

Live editor

1 lines - 0 chars

Save writes through the original file handle with no download step, which is the whole point of the API: the browser keeps a real reference to the file on disk, with explicit user permission. Nothing is uploaded.

About this tool

IconVault's File System Access playground uses the real picker APIs: open a text file from your disk, edit it in the live editor, and save straight back to the same file with no download step. You can also Save As, start a new file, and browse a whole directory with names, kinds and sizes. It is free and runs fully in your browser.

You will learn how file handles persist user permission across the session, the difference between reading with getFile() and writing with createWritable(), and why every access starts with an explicit picker gesture. Nothing is uploaded: the browser mediates a local file reference, and the permission badge shows exactly what access was granted.

Frequently asked questions

Popular searches

file system access apishowopenfilepickershowsavefilepickershowdirectorypickerfilesystemfilehandlefile system access examplefile system access tutorialread local file javascriptwrite local file javascriptcreatewritablegetfile handlebrowser file editorweb file systemnative file system apifile handle permissionquerypermissionrequestpermission fileopfsorigin private file systemfile system access browser supportcaniuse file system accessfile system access firefoxfile system access safariwebkit file systemsave file javascript no downloadedit file in browserweb ide file systemlocal file web appdirectory picker weblist directory javascriptread directory browserfile picker websave as dialog webtext file editor onlinemdn file system accesstest file system access onlinefile system access demofile system access reactfile system access typescriptfile system access securityuser gesture file pickeraborterror picker cancelledfile system access httpsindexeddb file handlespersist file handleweb app local filesproject fugufugu file systemsandboxed file systemfile system writable stream

More tools

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →