window.showDirectoryPicker opens up a whole new world

Hacker News Top Tools

Summary

Chrome's window.showDirectoryPicker API enables websites to access and manipulate local directories, empowering local-first web apps like photo viewers and video editors, with prototypes built using Claude AI.

No content available
Original Article
View Cached Full Text

Cached at: 06/22/26, 01:33 PM

# window.showDirectoryPicker opens up a whole new world Source: [https://steveharrison.dev/showdirectorypicker-opens-up-a-whole-new-world/](https://steveharrison.dev/showdirectorypicker-opens-up-a-whole-new-world/) Chrome introduced a new API,`window\.showDirectoryPicker\(\)`that allows the user to grant access to a directory on their computer and allow a website to read/write everything inside\. Examples that have been thrown around are a local\-first notes app, where you can grant it access to a folder full of Markdown notes, and you own the data rather than it being squirrelled away in some cloud service\. The other day I was getting nostalgic about Apple’s[Aperture](https://en.wikipedia.org/wiki/Aperture_(software))UI and wondered whether Claude could create a similarly\-themed UI\. I asked it to also use`window\.showDirectoryPicker`\. Here’s the[result](https://github.com/steveharrison/photo-viewer): It reminds me of using Lightroom to view local files, but it’s a webpage\! You can also create folders within the app and move photos into them, and it all happens on your filesystem\. It doesn’t stop there though\. Imagine whole photo & video editing apps using this: powerful UIs in your browser, but working with source files on your filesystem\. People are[already](https://news.ycombinator.com/item?id=47471601)[building](https://www.reddit.com/r/webdev/comments/1qy8kwi/i_built_an_opensource_browserbased_video_editor/)WebGPU video editors in the browser—I really hope they also take advantage of new local\-first storage opportunities like this\. To take this prototype further, I asked Claude to create a simple compositing app inspired by Apple’s[Shake](https://en.wikipedia.org/wiki/Shake_(software))\. Sure enough,[here’s](https://github.com/steveharrison/shake-compositor)a little node\-based compositing app where you can draw a polygon and get it composited on top of your source image\. All of this without a single line of hand\-written code\. It’s an amazing world we’re living in\!

Similar Articles

FolderPlus

Product Hunt

FolderPlus allows users to peek inside any folder without opening it, improving file browsing efficiency.

Pickle Browser

Product Hunt

Pickle Browser is a local browser designed for AI agents, letting them run in a visible window.

A new way to explore the web with AI Mode in Chrome

Google AI Blog

Google has updated Chrome's AI Mode to allow users to explore web content side-by-side with AI assistance without switching tabs, and added the ability to search across recent tabs and files for deeper context.

@XAMTO_AI: Wow! Just found a crazy plugin — after installing it, you can directly see the tech stack of any webpage! Front-end frameworks, backends, CDNs all exposed. Click on names to jump to official sites. Even getting a quick overview is this intense in the AI era? Jump on it and research before others leave you in the dust. https://github.com/setube/stac…

X AI KOLs Timeline

Introducing StackPrism, a browser extension that automatically identifies the tech stack of web pages, including front-end frameworks, backends, and CDNs. Supports Chrome/Edge/Firefox, built on Manifest V3, collects clues through multiple channels and presents them in a categorized view.