OrangeFrame

Turn Hacker News threads into shareable cards for X and LinkedIn.

OrangeFrame turns Hacker News threads into beautiful, shareable image cards — ready to post on X or LinkedIn in seconds. If you've ever read a brilliant HN comment and wanted to share it, you know the pain: copy-pasting loses all context, screenshots look raw and hard to read, and manually designing a quote card takes forever. OrangeFrame solves this in three clicks. ━━━━━━━━━━━━━━━━━━━━━━━━ HOW IT WORKS ━━━━━━━━━━━━━━━━━━━━━━━━ 1. Open any Hacker News thread at news.ycombinator.com 2. Click the OrangeFrame icon and enable Selection Mode 3. Check the comments you want to include 4. Click "Frame" — a live card preview appears instantly 5. Hit "Download PNG" — done Your card is ready to share. No account. No upload. No waiting. Everything happens in your browser. ━━━━━━━━━━━━━━━━━━━━━━━━ WHAT MAKES THE CARDS LOOK GREAT ━━━━━━━━━━━━━━━━━━━━━━━━ OrangeFrame is purpose-built for Hacker News content. The cards feel native to the HN aesthetic while being polished enough to share professionally: • HN orange flame branding — the card header uses HN's recognisable #ff6600 orange, so anyone who sees the post immediately recognises where it came from • Domain pill — shows the submission domain (e.g. "github.com") right in the card header, giving instant context about the link being discussed • Clean username display — HN usernames appear without any Reddit-style "u/" prefix, exactly as they appear on HN • Triangle upvote icon — the upvote indicator uses HN's characteristic triangle shape, not a generic arrow • Depth indentation — replies are indented just like on HN, preserving the conversational thread structure in the exported card • Dark and Light themes — the dark theme uses a warm off-black (#1a1612) background with amber-tinted text, inspired by HN's no-frills look; the light theme features an orange header bar over a cream-white background ━━━━━━━━━━━━━━━━━━━━━━━━ FEATURES ━━━━━━━━━━━━━━━━━━━━━━━━ COMMENT SELECTION • Enable/disable selection mode with a single toggle — a subtle orange indicator bar at the top of the page confirms when it's active • Checkboxes appear beside every comment when selection mode is on • Select as many comments as you want — nested replies are supported with depth indentation preserved • A floating badge shows your live selection count as you pick comments POST HEADER Tip: Use /btw to ask a quick side question without interrupting Claude's current work ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── tf-dev ── ❯ ───────────────────────────────────────── • Anyone who wants to quote an HN thread in a presentation, article, or social post without it looking like a raw screenshot • Researchers and analysts who track discourse on HN and need to cite specific comments in a readable format ━━━━━━━━━━━━━━━━━━━━━━━━ PERFECT FOR SHARING ━━━━━━━━━━━━━━━━━━━━━━━━ HN has some of the most thoughtful, technical, and quotable discussion on the internet. Whether it's a CTO explaining a hard-won architecture lesson, a researcher clarifying a misunderstood paper, a founder sharing a counterintuitive startup insight, or a thread of engineers debate the real tradeoffs of a new technology — OrangeFrame makes it easy to lift those moments out of a browser tab and into the conversation on X or LinkedIn. One-click selection. Instant preview. Download and post. ━━━━━━━━━━━━━━━━━━━━━━━━ OPEN SOURCE SIBLING ━━━━━━━━━━━━━━━━━━━━━━━━ OrangeFrame is the Hacker News sibling of Threadframe, which does the same thing for Reddit. Both are built on the same card-rendering engine and share the same design principles: fast, private, and purpose-built for the platform. ━━━━━━━━━━━━━━━━━━━━━━━━ KEYBOARD & WORKFLOW TIPS ━━━━━━━━━━━━━━━━━━━━━━━━ • Open the popup, enable selection mode, close the popup — selection mode stays on as you scroll and read the thread • Your selection persists until you manually clear it or navigate away from the thread • The orange bar at the top of the page is a persistent reminder that selection mode is active • The floating badge at the bottom-right of the page shows your live selection count — click the extension icon to frame when ready ━━━━━━━━━━━━━━━━━━━━━━━━ SUPPORT ━━━━━━━━━━━━━━━━━━━━━━━━ Found a bug or have a feature request? Reach out at snow.650@gmail.com. Tip: Use /btw to ask a quick side question without interrupting Claude's current work • Optionally include the original post header in the card — shows the post title, source domain, submitter username, and point count • Default on, since HN submissions are usually the context you're quoting CARD CUSTOMISATION • Dark / Light theme toggle — switch between the warm HN dark palette and the classic HN cream-orange light palette • Card width slider — drag between 400px and 900px to fit your target platform (square for LinkedIn, wide for X) • Blur usernames — one click to anonymise all usernames in the card, useful for sharing without attributing quotes to specific people • Watermark toggle — show or hide a subtle "orangeframe" attribution at the bottom of the card EXPORT • One-click PNG download at 2× retina resolution for crisp rendering on any screen • All processing is local — no API calls, no servers, no uploads ━━━━━━━━━━━━━━━━━━━━━━━━ PRIVACY ━━━━━━━━━━━━━━━━━━━━━━━━ OrangeFrame is completely private by design: • Reads only the HN thread currently open in your tab — nothing else • No data is ever sent to any server or third party • No tracking, no analytics, no account required • Only stores your per-thread UI preferences (e.g. theme choice) in local browser storage • Only active on news.ycombinator.com/item pages — completely dormant on every other site Permissions used: activeTab, scripting, storage, and host access to news.ycombinator.com. All minimal and necessary. Full privacy policy: https://itzsrikanth.github.io/orangeframe/privacy-policy ━━━━━━━━━━━━━━━━━━━━━━━━ WHO IS THIS FOR ━━━━━━━━━━━━━━━━━━━━━━━━ • Engineers and founders who regularly share HN insights on X or LinkedIn • Technical writers and newsletters that curate HN commentary • Anyone who wants to quote an HN thread in a presentation, article, or social post without it looking like a raw screenshot • Researchers and analysts who track discourse on HN and need to cite specific comments in a readable format ━━━━━━━━━━━━━━━━━━━━━━━━ PERFECT FOR SHARING ━━━━━━━━━━━━━━━━━━━━━━━━ HN has some of the most thoughtful, technical, and quotable discussion on the internet. Whether it's a CTO explaining a hard-won architecture lesson, a researcher clarifying a misunderstood paper, a founder sharing a counterintuitive startup insight, or a thread of engineers debate the real tradeoffs of a new technology — OrangeFrame makes it easy to lift those moments out of a browser tab and into the conversation on X or LinkedIn. One-click selection. Instant preview. Download and post. ━━━━━━━━━━━━━━━━━━━━━━━━ OPEN SOURCE SIBLING ━━━━━━━━━━━━━━━━━━━━━━━━ OrangeFrame is the Hacker News sibling of Threadframe, which does the same thing for Reddit. Both are built on the same card-rendering engine and share the same design principles: fast, private, and purpose-built for the platform. ━━━━━━━━━━━━━━━━━━━━━━━━ KEYBOARD & WORKFLOW TIPS ━━━━━━━━━━━━━━━━━━━━━━━━ • Open the popup, enable selection mode, close the popup — selection mode stays on as you scroll and read the thread • Your selection persists until you manually clear it or navigate away from the thread • The orange bar at the top of the page is a persistent reminder that selection mode is active • The floating badge at the bottom-right of the page shows your live selection count — click the extension icon to frame when ready ━━━━━━━━━━━━━━━━━━━━━━━━ SUPPORT ━━━━━━━━━━━━━━━━━━━━━━━━ Found a bug or have a feature request? Reach out at snow.650@gmail.com.