{"id":47109516,"title":"Show HN: HN Grid View cross-browser userscript inspired by the macOS HN client","points":1,"user":"Qahlel","time":1771750943,"time_ago":"8 hours ago","type":"link","content":"

As a Windows/Linux user without access to macOS, I came across this post yesterday — Show HN: A native macOS client for Hacker News, built with SwiftUI ( https://news.ycombinator.com/item?id=47088166 ) — and found myself envious of the experience it offered: card-based layout, split-pane reading, and a cleaner way to browse stories.

So I worked with Claude to replicate the key features as a Tampermonkey/Greasemonkey userscript. Here's what it does:

  - Replaces the default HN listing with a responsive card grid\n  - Fetches og:image thumbnails lazily as you scroll (falls back to favicon + domain)\n  - Split-pane reader: article on the left, HN comments on the right — no tab-switching\n  - Draggable divider to resize the two panes\n  - Swap button to flip article/comments sides\n  - Inline article rendering that inlines external stylesheets to work around CSP restrictions\n  - Algolia-powered search bar\n  - One-click toggle back to the classic list view\n  - Persistent thumbnail cache via sessionStorage\n

\nScreenshot: https://raw.githubusercontent.com/Qahlel/Hacker-News-Grid-Vi...

Repo: https://github.com/Qahlel/Hacker-News-Grid-View-Userscript

Script: https://github.com/Qahlel/Hacker-News-Grid-View-Userscript/b...

Happy to hear feedback — particularly around sites that block iframe embedding or break the inline stylesheet loader.","url":"https://github.com/Qahlel/Hacker-News-Grid-View-Userscript","domain":"github.com","comments":[],"comments_count":0}