Thread

So I wanted a Nostr follow button on my site. Turns out... it didn’t exist 🤷‍♂️ So I built one. And more. 🛠️Launching "Nostr Components" → Embed Nostr posts, profiles & buttons anywhere on the web. → Looks good too 😎 Tagline: Take Nostr content beyond Nostr clients – embed it anywhere. Docs: Code: Dev story: https://saiy2k.in/2025/02/17/nostr-components/ Big shout out to @Hemath for helping with storybook documentation. Thanks to my friends @Saravanan Mani and @Vivek for review and feedback. and of course thanks to @fiatjaf for inspiration, @PABLOF7z for NDK #nostr #components #followbutton #webcomponents #indieweb #buildinpublic #opensource #nostrDev image

Replies (76)

Yes. I need to update that section to a comprehensive popup, with 1. Separate link to the video, which explains private key, public key, nip07 browser extensions 2. Links to the extension themselves. My thought process is, when you put nostr stuff in a website, 99% of the viewers won't be aware of Nostr itself. So having a video will help them to get started.
🛡️
Thank you for doing this. I wanted to display my Nostr profile on my homepage, but I didn’t like the result and ended up hard-coding the info for simplicity. I will play with your web components and provide feedback, if any! Also, custom zap buttons would be great!
Thanks for the screenshot! Just copy this on line 191: $shortcode_2 = do_shortcode('[nostr_zap_button npub="npub1gwa27rpgum8mr9d30msg8cv7kwj2lhav2nvmdwh3wqnsa5vnudxqlta2sz" url="' . $current_url . '"]'); i removed the [ and ] surrounding your npub. That's not needed. I ll update the documentation and mention to remove the square brackets [ and ], when replacing npub. So it's easy for non-devs too.
🛡️
👀
Saiyasodharan's avatar Saiyasodharan
So I wanted a Nostr follow button on my site. Turns out... it didn’t exist 🤷‍♂️ So I built one. And more. 🛠️Launching "Nostr Components" → Embed Nostr posts, profiles & buttons anywhere on the web. → Looks good too 😎 Tagline: Take Nostr content beyond Nostr clients – embed it anywhere. Docs: Code: Dev story: https://saiy2k.in/2025/02/17/nostr-components/ Big shout out to @Hemath for helping with storybook documentation. Thanks to my friends @Saravanan Mani and @Vivek for review and feedback. and of course thanks to @fiatjaf for inspiration, @PABLOF7z for NDK #nostr #components #followbutton #webcomponents #indieweb #buildinpublic #opensource #nostrDev image
View quoted note →
Bravo! I hope I need this soon. I’m working on a book that’s bitcoin-focused, but a fair amount of NOSTR is in there, too. When I do my own website, i want it to be populated with NOSTR notes as much as possible
🛡️
Das ist tatsächlich sehr cool! Werde ich absehbar verwenden!
Saiyasodharan's avatar Saiyasodharan
So I wanted a Nostr follow button on my site. Turns out... it didn’t exist 🤷‍♂️ So I built one. And more. 🛠️Launching "Nostr Components" → Embed Nostr posts, profiles & buttons anywhere on the web. → Looks good too 😎 Tagline: Take Nostr content beyond Nostr clients – embed it anywhere. Docs: Code: Dev story: https://saiy2k.in/2025/02/17/nostr-components/ Big shout out to @Hemath for helping with storybook documentation. Thanks to my friends @Saravanan Mani and @Vivek for review and feedback. and of course thanks to @fiatjaf for inspiration, @PABLOF7z for NDK #nostr #components #followbutton #webcomponents #indieweb #buildinpublic #opensource #nostrDev image
View quoted note →
🛡️
Thats it, found it my self 😁
Saiyasodharan's avatar Saiyasodharan
So I wanted a Nostr follow button on my site. Turns out... it didn’t exist 🤷‍♂️ So I built one. And more. 🛠️Launching "Nostr Components" → Embed Nostr posts, profiles & buttons anywhere on the web. → Looks good too 😎 Tagline: Take Nostr content beyond Nostr clients – embed it anywhere. Docs: Code: Dev story: https://saiy2k.in/2025/02/17/nostr-components/ Big shout out to @Hemath for helping with storybook documentation. Thanks to my friends @Saravanan Mani and @Vivek for review and feedback. and of course thanks to @fiatjaf for inspiration, @PABLOF7z for NDK #nostr #components #followbutton #webcomponents #indieweb #buildinpublic #opensource #nostrDev image
View quoted note →
Hi Everyone, Here is follow up on Nostr-components project: 1. We added zap button component. Now you can put zap button in any of your websites. 2. We also published the package as - Wordpress plugin - - NPM module - https://www.npmjs.com/package/nostr-components 3. Full code rewrite for stable base, so we can easily add more components over this. Tagline: Embed Nostr anywhere on the internet, a Zap Button for every webpage. We are also launching fundraiser in @Geyser to help support the project development: Docs: Code: Dev story: https://saiy2k.in/2026/01/07/a-zap-button-for-every-web-page-embed-nostr-anywhere-on-the-internet/ Big shout out to Summer of Bitcoin, Adi and THE INTERN @Arpan for huge support. Thanks to my friends @Hemath and @Vivek  for testing, review and feedback. #nostr #components #zapbutton #likebutton #followbutton #webcomponents #buildinpublic #opensource #nostrDev Earlier launch post: View quoted note →