Avatar
Hemath
98fbdefe70e9909dd39eda851b813299108e03fa9f75d1165ac4fe1bae01289d
An unorthodox software engineer who lives to craft world software applications and mentor students. Crafting applications on Nostr. SnapNostr - https://snapnostr.app

Dear Nostr,

Testing dear nostr!

Replying to 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: 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 nostr:nprofile1qyvhwumn8ghj7ctx9ec82unsd3jhyetvv9ujucm0d5hsz9nhwden5te0v4jx2m3wdehhxarj9ekxzmny9uqzpx8mmml8p6vsnhfeak59rwqn9xgs3cpl48m46yt94387rwhqz2yamq3qj9 for helping with storybook documentation.

Thanks to my friends nostr:nprofile1qywhwumn8ghj7emvda3xzmpdwfjkccte9e3k2umr9e68yctyv5qs6amnwvaz7tmwdaejumr0dsqzqscu4986u7yckh0rcgnypladknqxh273e4fwezvcmmg5sd02kqc96xl6s4 and nostr:nprofile1qyxhwumn8ghj7mn0wvhxcmmvqy28wumn8ghj7un9d3shjtnyv9kh2uewd9hsqg86ekh3ee6chhcyehc6r73j5dty5cydf27zfqdzsmluz78cd9f77qk2u0uq for review and feedback.

and of course thanks to nostr:nprofile1qyghwumn8ghj7vf5xqhxvdm69e5k7tcpz4mhxue69uhkzet8d9ejuat50phjummwv5hsqgpm7rrrljungc6q0tuh5hj7ue863q73qlheu4vywtzwhx42a7j9n5zgwjy3 for inspiration, nostr:nprofile1qyxhwumn8ghj7e3h0ghxjme0qyd8wumn8ghj7urewfsk66ty9enxjct5dfskvtnrdakj7qpql2vyh47mk2p0qlsku7hg0vn29faehy9hy34ygaclpn66ukqp3afqta478g for NDK

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

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 nostr:nprofile1qyx8wumn8ghj7cnjvghxjmcpp4mhxue69uhkyunz9e5k7tcqyqzp3j3ddntv077yuqu3hd69qfcz8fldhsu09fs0cwmg7qrwlwz7k6e9l4p 🔥

nostr:nevent1qvzqqqqqqypzqpqcegkke4k8l0zwqwgmkazsyupr5lkmcw8j5c8u8d50qph0hp0tqyt8wumn8ghj7etyv4hzumn0wd68ytnvv9hxgtcpzpmhxue69uhkumewwd68ytnrwghszrnhwden5te0dehhxtnvdakz7qpqs4x8sh8dfv4gpgmx8ktfnjqf5p039gevstp6032zjvz9wxwvey8shw3xzm

Replying to 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: 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 nostr:nprofile1qyvhwumn8ghj7ctx9ec82unsd3jhyetvv9ujucm0d5hsz9nhwden5te0v4jx2m3wdehhxarj9ekxzmny9uqzpx8mmml8p6vsnhfeak59rwqn9xgs3cpl48m46yt94387rwhqz2yamq3qj9 for helping with storybook documentation.

Thanks to my friends nostr:nprofile1qywhwumn8ghj7emvda3xzmpdwfjkccte9e3k2umr9e68yctyv5qs6amnwvaz7tmwdaejumr0dsqzqscu4986u7yckh0rcgnypladknqxh273e4fwezvcmmg5sd02kqc96xl6s4 and nostr:nprofile1qyxhwumn8ghj7mn0wvhxcmmvqy28wumn8ghj7un9d3shjtnyv9kh2uewd9hsqg86ekh3ee6chhcyehc6r73j5dty5cydf27zfqdzsmluz78cd9f77qk2u0uq for review and feedback.

and of course thanks to nostr:nprofile1qyghwumn8ghj7vf5xqhxvdm69e5k7tcpz4mhxue69uhkzet8d9ejuat50phjummwv5hsqgpm7rrrljungc6q0tuh5hj7ue863q73qlheu4vywtzwhx42a7j9n5zgwjy3 for inspiration, nostr:nprofile1qyxhwumn8ghj7e3h0ghxjme0qyd8wumn8ghj7urewfsk66ty9enxjct5dfskvtnrdakj7qpql2vyh47mk2p0qlsku7hg0vn29faehy9hy34ygaclpn66ukqp3afqta478g for NDK

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

Yay! Most needed one for me! Awesome work Mr.Stardust 🔥

Yeah, do have couple of them in my mind. And working in one of them.

The core idea of these projects is to bring people from other social media to Nostr.

Happy 2025 plebs!

That's interesting.

However, this isn't vector graphics, so we can't scale it to significantly higher resolutions. If we try, the text might still appear fine, but the images within the screenshot won't scale properly. Converting it to SVG would essentially be adding an extension, but it wouldn't be a true SVG.

But I'd love to hear the purpose of SVG required here. We can discuss more at - hem@hemath.dev

Yay!

nostr:npub1mxw6m5fvnnlgqhwqd29wv53kl55zhz5rwu0z95zxkm87kvqx5rzsdrg03e was featured in both nostr:npub17r9zea7aesqlryqqcpn7clmfey5cmpauddzpygv7ss77mxq65ufq3s80yl and nostr:npub1qdcakl75gd7wv0nqmmwrz09ddm5tzl7xj8lq2gclng2qzd8up5yqjpzclt podcast.

Glad the community loved it!

BB - https://www.btcbreakdown.com/p/issue-129

BR - https://bitcoin.review/podcast/episode-87

#snapnostr

Thanks for helping out!

The support for "nostr:" prefix is added now!

nostr:note1uzn9aju6y4252y6uqru6p8kv0sseuhj5u2fw888mfm6j6yh94xesklq6pn

fixed, and it now supports the prefix "nostr:"

nostr:note1uzn9aju6y4252y6uqru6p8kv0sseuhj5u2fw888mfm6j6yh94xesklq6pn

fixed

nostr:note1uzn9aju6y4252y6uqru6p8kv0sseuhj5u2fw888mfm6j6yh94xesklq6pn

It just a simple Nostr client.

1. Fetches note content, author and stats

2. Parses the content to differentiate different entities like mentions, images, videos

3. Renders based on the parsed strcuture

4. Covered with a nice background

Great idea, I thought the same when designing it. But that domain wasn't available.

The closest I could get was SnapNostr. But now, the snapstr is back on market and I already bought snapnostr.app :/

fixed

nostr:note1uzn9aju6y4252y6uqru6p8kv0sseuhj5u2fw888mfm6j6yh94xesklq6pn

Now we can use "nostr:" prefixed note IDs.

i.e., Note ID copied from Amethyst app will now work seamlessly.

nostr:note1uzn9aju6y4252y6uqru6p8kv0sseuhj5u2fw888mfm6j6yh94xesklq6pn