Replies (78)
This is an interesting development
Wow very cool! what happens if a visitor doesn't yet have an npub and clicks that "follow me" button?
This is the way. Build the world you want to see. 💪
Very cool, and very useful.
I also like the error message when no Nostr / Lightning extension is active in the browser.
However, the video linked points to Alby which no longer has support for an easy LN wallet. I suggest a link to another option that is easy to use. Perhaps Nos2X from
@fiatjaf ?
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!
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.
Appreciate your feedback :-)
The video itself is a great idea. The only problem was that Alby doesn’t do custody wallets anymore, and running a node isn’t that easy.
oh oh. It's only self-hosted now! Just noticing it. Didn't follow up with alby lately.
Thanks for pointing it out!
I was about to be really annoyed for being tagged… but this is acceptable.
🙏
I need a WP plugin for this
Yes. It's on roadmap.
But for now, I will update the documentation with steps to integrate this in WP.
and DM you tomorrow.
wow. thanks!
You are welcome. Thanks for the Sats!
The follow-me button is a good idea, I'll copy it for
Nostr Web Components - Documentation
How to add to wordpress?
Nice!
No one on the internet has a nip-07 extension. This barrier precludes many folks new to nostr from following you.
In the user flow of a new to nostr user, consider some (perhaps expedited) version of
@daniele nstart key creation & onboarding.
At the end of the flow your npub should be part of the newly created contact list.
Nstart link:
https://start.njump.me/I can certainly appreciate this, I just wish we had fully functional, interoperable clients first, hehe.
Yes. Many ideas. Great to see you executing.
well done 👏🏽
Fren this is fricking awesome 👍 thanks for doing this for all of us
👀
This is awesome! Can't wait to implement when I have a moment
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
Thanks :-)
Tried looking for the repo of
Nostr Web Components - Documentation
and the source link in top nav bar points me to
https://github.com/fiatjaf/nostr-web-components
which is broken.
Do you think it will be better If I contribute these components to your repo, rather than duplicating it as a separate project?
If yes, I will be happy to do that :-)
Will add instructions later today and will DM you :-)
"No one on the internet has a nip-07 extension." --> 100%
Thanks for the suggestion. I will look into it and see how the onboarding flow can be improved!
Thanks. We came a long way in past 2-3 years :-)
Next 2-3 years is gonna be mind-blowing!
Thanks!
Thanks!
Thanks! Appreciate your kind words very much :-)
Thanks. Love to hear any feedback that you have while implementing this
Amazing. Love to help you me any customization, new components that you need when you do this.
Please DM me anytime.
Das ist tatsächlich sehr cool! Werde ich absehbar verwenden!
An npm library would be nice, so it could be easily installed and used in an angular project.
Yeah. That is planned :-)
Cool. Thanks!
No need to bother, my approach is very different than yours and it's good to have both.
okay. Thanks
Thanks for sharing. I will look into this.
Agreed, I’m excited for it.
⚡⚡⚡⚡⚡❤️❤️❤️❤️
Yay! Most needed one for me! Awesome work Mr.Stardust 🔥
Yo, check it out. A very cool library which you can use to embed your Nostr profile, follow button and post widgets in your website without any hassle!
Great work
@Saiyasodharan 🔥
View quoted note →💪💪
For those looking to reach me personally for all things related Bitcoin or Nostr , you can connect with me on (simpleX chat app) using my invitation link below 👇👉
For those looking to reach me personally for all things related Bitcoin or Nostr , you can connect with me on (simpleX chat app) using my invitation link below 👇👉
For those looking to reach me personally for all things related Bitcoin or Nostr , you can connect with me on (simpleX chat app) using my invitation link below 👇👉
Thats it, found it my self 😁
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:
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:
saiy2k
A Zap button for every web page – Embed Nostr anywhere on the internet - saiy2k
A Zap button for every web page – Embed Nostr anywhere on the internet. Nostr should not stay inside apps. It should live on the open web.
Big shout out to Summer of Bitcoin, Adi and THE INTERN
@Arpan for huge support.
Thanks to my friends
@npub1nraa...40xf and
@Vivek for testing, review and feedback.
#nostr #components #zapbutton #likebutton #followbutton #webcomponents #buildinpublic #opensource #nostrDev
Earlier launch post:
View quoted note →@DeveRoSt
NPM module and Wordpress plugins are ready. More here:
nevent1qqs8m4q8674sxalu4w9nkqc5g0zk6ptkrrq58hygp8mtkfrkpsqq68cz2fvs6
@npub1gfv7...p8mv
More amazing updates with zap buttons, wp plugins @
nevent1qqs8m4q8674sxalu4w9nkqc5g0zk6ptkrrq58hygp8mtkfrkpsqq68cz2fvs6
@BitPopArt
NPM module and Wordpress plugins are ready. More here:
nevent1qqs8m4q8674sxalu4w9nkqc5g0zk6ptkrrq58hygp8mtkfrkpsqq68cz2fvs6
@Sacred Peak
NPM module and Wordpress plugins are ready. More here:
nevent1qqs8m4q8674sxalu4w9nkqc5g0zk6ptkrrq58hygp8mtkfrkpsqq68cz2fvs6
@Moe@`Moe`
Zap butons are ready. More info here:
nevent1qqs8m4q8674sxalu4w9nkqc5g0zk6ptkrrq58hygp8mtkfrkpsqq68cz2fvs6
Nice, i will have a look into it tomorrow.
Thanks!
Ok let me try it again. Lets time it could not get it work
I added it to the worfpress theme but get an error when looking at the bottom of the page
https://bitpopart.com/2026/01/08/beautiful-souls/This is really awesome stuff given it works! Now if people start seeing nostr, zap buttons, and whatever else on the coolest sites we'll have them wondering
Hi. Couldn't see any error in that link. Did inspect element and couldn't see any nostr-components related code as well.
Can you please give me more info on what you tried. Happy to help
I did
Adding Like and Zap Buttons to All Posts/Pages
But probably I do something wrong as non-dev ‘normie’🤣
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.
Cool It works now! Amazing work!!!
Perfect :-)
This is amazing!
Big shout out to @npub1nraa...40xf 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
with link to
You can try it at 
