florianschepp

florianschepp / bsky-comments

Public

A zero-dependency Web Component to embed Bluesky discussion threads on any website.

22
0
100% credibility
Found Feb 17, 2026 at 21 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

Lightweight web component that embeds Bluesky post discussion threads on any website using a simple HTML tag.

How It Works

1
🔍 Spot a lively chat

You find an engaging conversation on Bluesky that you'd love to feature on your blog or site.

2
🔗 Grab the web address

Simply copy the post's address from your browser's top bar.

3
📄 Drop in the embed

Paste a tiny tag with that address anywhere on your page, just like adding an image.

4
✨ Watch comments appear

The full thread loads right away, complete with photos, names, likes, and replies.

5
🎨 Tweak the look

Adjust icons, colors, or reply order so it blends perfectly with your page.

✅ Spark conversations

Your visitors dive into the real-time Bluesky discussion, making your site more lively.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 21 to 22 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is bsky-comments?

bsky-comments is a zero-dependency TypeScript Web Component that embeds Bluesky discussion threads and comments on any website. Drop a public bsky URL or AT-URI into its attributes, and it fetches and renders the full thread with replies, likes, and rich text features like links, mentions, and hashtags. At ~3kB gzipped, it works via CDN or npm across plain HTML, React, Vue, Svelte, or Astro without bundling heavy SDKs.

Why is it gaining traction?

Unlike React-only wrappers with bloated AT Protocol SDKs or unstyleable Shadow DOM widgets, this uses native fetch for a tiny footprint and Light DOM for seamless CSS/Tailwind integration. Dual input modes let you paste browser URLs for simplicity or use direct URIs for static builds, plus customizable icons and sort order (asc/desc). Universal framework support and semantic HTML output make styling effortless.

Who should use this?

Blog owners and content sites adding Bluesky comments under posts without Disqus overhead. Frontend devs on static generators like Astro or Next.js embedding social threads. Teams building hybrid apps needing quick bsky integration without framework lock-in.

Verdict

Grab it for lightweight Bluesky embeds—docs are thorough, tests solid, and CDN usage is instant. With only 20 stars and 1.0% credibility, it's early-stage; monitor for edge cases in production.

(187 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.