So I wanted a Nostr follow button on my site. Turns out... it didn’t exist ...

2025-03-24 14:47:58

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: https://nostr-components.web.app/
Code: https://github.com/saiy2k/nostr-components
Dev story: https://saiy2k.in/2025/02/17/nostr-components/

Big shout out to djhemath (nprofile…3qj9) for helping with storybook documentation.

Thanks to my friends saravananmani (nprofile…l6s4) and Vivek (nprofile…u0uq) for review and feedback.

and of course thanks to fiatjaf (nprofile…wjy3) for inspiration, PABLOF7z (nprofile…478g) for NDK

#nostr #components #followbutton #webcomponents #indieweb #buildinpublic #opensource #nostrDev

Author Public Key

npub1qsvv5ttv6mrlh38q8ydmw3gzwq360mdu8re2vr7rk68sqmhmsh4svhsft3

Seen on

wss://nostr.oxtr.dev wss://nos.lol

Show more details

Published at

2025-03-24 14:47:58

Kind type

1 Short Text Note

Event JSON

{ "id": "854c785ced4b2a80a3663d9699c809a05f12a32c82c3a7c54293045719ccc90f", "pubkey": "0418ca2d6cd6c7fbc4e0391bb745027023a7edbc38f2a60fc3b68f006efb85eb", "created_at": 1742827678, "kind": 1, "tags": [ [ "t", "nostr" ], [ "t", "components" ], [ "t", "followbutton" ], [ "t", "webcomponents" ], [ "t", "indieweb" ], [ "t", "buildinpublic" ], [ "t", "opensource" ], [ "t", "nostrDev" ], [ "p", "98fbdefe70e9909dd39eda851b813299108e03fa9f75d1165ac4fe1bae01289d", "wss://af.purplerelay.com/", "mention" ], [ "p", "431ca94fae7898b5de3c22640ffadb4c06babd1cd52ec8998ded14835eab0305", "wss://global-relay.cesc.trade", "mention" ], [ "p", "facdaf1ce758bdf04cdf1a1fa32a3564a608d4abc2481a286ffc178f86953ef0", "wss://nos.lol", "mention" ], [ "p", "3bf0c63fcb93463407af97a5e5ee64fa883d107ef9e558472c4eb9aaaefa459d", "wss://140.f7z.io/", "mention" ], [ "p", "fa984bd7dbb282f07e16e7ae87b26a2a7b9b90b7246a44771f0cf5ae58018f52", "wss://f7z.io/", "mention" ], [ "r", "wss://eden.nostr.land/" ], [ "r", "wss://no.str.cr/" ], [ "r", "wss://nos.lol/" ], [ "r", "wss://nostr-pub.wellorder.net/" ], [ "r", "wss://nostr.bitcoiner.social/" ], [ "r", "wss://nostr.mom/" ], [ "r", "wss://nostr.oxtr.dev/" ], [ "r", "wss://nostr.walletofsatoshi.com/" ], [ "r", "wss://nostr.wine/" ], [ "r", "wss://puravida.nostr.land/" ], [ "r", "wss://relay.damus.io/" ] ], "content": "So I wanted a Nostr follow button on my site.\nTurns out... it didn’t exist 🤷‍♂️\nSo I built one. And more.\n\n🛠️Launching \"Nostr Components\"\n→ Embed Nostr posts, profiles \u0026 buttons anywhere on the web.\n→ Looks good too 😎\n\nTagline: Take Nostr content beyond Nostr clients – embed it anywhere.\n\nDocs: https://nostr-components.web.app/\nCode: https://github.com/saiy2k/nostr-components\nDev story: https://saiy2k.in/2025/02/17/nostr-components/\n \nBig shout out to nostr:nprofile1qyvhwumn8ghj7ctx9ec82unsd3jhyetvv9ujucm0d5hsz9nhwden5te0v4jx2m3wdehhxarj9ekxzmny9uqzpx8mmml8p6vsnhfeak59rwqn9xgs3cpl48m46yt94387rwhqz2yamq3qj9 for helping with storybook documentation.\n\nThanks to my friends nostr:nprofile1qywhwumn8ghj7emvda3xzmpdwfjkccte9e3k2umr9e68yctyv5qs6amnwvaz7tmwdaejumr0dsqzqscu4986u7yckh0rcgnypladknqxh273e4fwezvcmmg5sd02kqc96xl6s4 and nostr:nprofile1qyxhwumn8ghj7mn0wvhxcmmvqy28wumn8ghj7un9d3shjtnyv9kh2uewd9hsqg86ekh3ee6chhcyehc6r73j5dty5cydf27zfqdzsmluz78cd9f77qk2u0uq for review and feedback.\n\nand of course thanks to nostr:nprofile1qyghwumn8ghj7vf5xqhxvdm69e5k7tcpz4mhxue69uhkzet8d9ejuat50phjummwv5hsqgpm7rrrljungc6q0tuh5hj7ue863q73qlheu4vywtzwhx42a7j9n5zgwjy3 for inspiration, nostr:nprofile1qyxhwumn8ghj7e3h0ghxjme0qyd8wumn8ghj7urewfsk66ty9enxjct5dfskvtnrdakj7qpql2vyh47mk2p0qlsku7hg0vn29faehy9hy34ygaclpn66ukqp3afqta478g for NDK\n\n#nostr #components #followbutton #webcomponents #indieweb #buildinpublic #opensource #nostrDev\n\nhttps://m.primal.net/PrXh.jpg", "sig": "2a4a9120469e5baea525d3c2a44b209b77ad0a428fdeba925d7b630bd7ecbeb7db0d14776c1a64e1522260a289d03bc5bebc975afbde3b50802ea921505ef226" }

saiy2k on Nostr: So I wanted a Nostr follow button on my site. Turns out... it didn’t exist ...