top | item 47109516

Show HN: HN Grid View cross-browser userscript inspired by the macOS HN client

1 points| Qahlel | 9 days ago |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.

discuss

order

No comments yet.