Show HN: HN Grid View cross-browser userscript inspired by the macOS HN client (github.com)
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
- Fetches og:image thumbnails lazily as you scroll (falls back to favicon + domain)
- Split-pane reader: article on the left, HN comments on the right — no tab-switching
- Draggable divider to resize the two panes
- Swap button to flip article/comments sides
- Inline article rendering that inlines external stylesheets to work around CSP restrictions
- Algolia-powered search bar
- One-click toggle back to the classic list view
- Persistent thumbnail cache via sessionStorage
Screenshot: 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.
0 comments
[ 4.0 ms ] story [ 8.7 ms ] threadNo comments yet.