Post

This looks super cool Saurabh!

Super cool! I’ve been thinking about creating a widget for Noona’s booking flow for a while now. Currently our customers have iframes which are a nightmare. Would you recommend this approach (web components)?

It definitely saves a lot of time building separately for every framework while avoiding iframes. It does have some gotchas because of shadow dom so you might have to look for that. Overall depends on how complex your widget is but worth giving it a try imo

My use case is an embeddable audio player. We've had iframes for a couple of years and also started offering web components lately. Iframes are usually ok but some users want to embed many players at the same time and the iframe overhead is terrible.

This is sooo cute! Thank you for building!

Web component! 🏆

best tech ever 🤭🫡

Love it! Looking forward to seeing the project grow! Any plan for customization options (dark mode implementations, cards style options, etc.)?

bsky-widge looks fantastic @saurabhd.bsky.social! You're now in the Vite Ecosystem Builders starter pack ⚡ go.bsky.app/CUmM1XS

Nice! It didn’t like my handle at first. I had to enter it a couple times before it worked.

wow, amazing! suggestion: add the lovely butterfly hover effect by @philhawksworth.dev ? flutterby.philhawksworth.dev

Doneee!! This is soo cool @philhawksworth.dev. I missed it somehow. bsky-widget.saurabhdaware.in?handle=philh...

Thanks for the suggestion @pixeline.be

Looks like it does not work with custom domain handles :/

Seems to work for me bsky-widget.saurabhdaware.in?handle=pawel... I think while copy pasting handles from here some random special characters make it into the input. Probably have to sanitize values there

This is cool! Btw the stackblitz embed seems broken on Firefox mobile.

Adding this to @positron3d.com as soon as possible - Thank you!

Something is off-center... But, DONE! www.positron3d.com

Should be fixed now

Love the idea, and execution! 👏 And you use StackBlitz for embedded demos! 🙌 (btw. you could also generate them dynamically so that they display the user's profile — using our SDK: developer.stackblitz.com/platform/api...)

Oh yes that's the plan!! did the lazy execution for now 🤭 Thanks!!

Nice!! I created a PR for dark mode: github.com/saurabhdawar...

this is so cool

Small feedback: most web components do not use data- attributes. Because the attribute is local to the element, and new global attributes are rare, the risk of collisions is low. It's a bit nicer DX, IMO, to write `handle="saurabhd.bsky.social"`

Thanks for this nice widget 🤩 Integrated at the end of our article: openresource.dev/articles/blu... 🙌

Hello. I would appreciate it if you could add an alt to img.avatar in index.js.

Oho I missed it in that one. Thanks for pointing out 🫶🏼

Its added now