OrangeFrame

About

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 [email protected].
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 [email protected].