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:
storybook - Storybook
 Code:
GitHub
GitHub - saiy2k/nostr-components: Embed Nostr anywhere on the internet, a Zap Button for every webpage
Embed Nostr anywhere on the internet, a Zap Button for every webpage - saiy2k/nostr-components
 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 (56)

↩ replying to BitPopArt
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:
storybook - Storybook
 Code:
GitHub
GitHub - saiy2k/nostr-components: Embed Nostr anywhere on the internet, a Zap Button for every webpage
Embed Nostr anywhere on the internet, a Zap Button for every webpage - saiy2k/nostr-components
 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:
storybook - Storybook
 Code:
GitHub
GitHub - saiy2k/nostr-components: Embed Nostr anywhere on the internet, a Zap Button for every webpage
Embed Nostr anywhere on the internet, a Zap Button for every webpage - saiy2k/nostr-components
 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:
storybook - Storybook
 Code:
GitHub
GitHub - saiy2k/nostr-components: Embed Nostr anywhere on the internet, a Zap Button for every webpage
Embed Nostr anywhere on the internet, a Zap Button for every webpage - saiy2k/nostr-components
 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 -
Saiy2k Nostr Components – WordPress plugin | WordPress.org
 - 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:
Geyser | Bitcoin Crowdfunding Platform
A Bitcoin crowdfunding platform where creators raise funds for causes, sell products, manage campaigns, and engage with their community.
 Docs:
storybook - Storybook
 Code:
GitHub
GitHub - saiy2k/nostr-components: Embed Nostr anywhere on the internet, a Zap Button for every webpage
Embed Nostr anywhere on the internet, a Zap Button for every webpage - saiy2k/nostr-components
 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 →