Very cool new viewport #WebComponent added to NVIDIA Elements. Leverages the Invoker Commands API.
nvidia.github.io/elements/doc...
nvidia.github.io/elements/doc...
September 24, 2026 at 4:16 PM
Very cool new viewport #WebComponent added to NVIDIA Elements. Leverages the Invoker Commands API.
nvidia.github.io/elements/doc...
nvidia.github.io/elements/doc...
What's your favorite webcomponent-based design system? I'm a big fan of nordhealth.design (public, not open source though)
Nord Design System
Design, build, and ship coherent experiences with Nordhealth’s design system.
nordhealth.design
January 15, 2025 at 9:25 PM
What's your favorite webcomponent-based design system? I'm a big fan of nordhealth.design (public, not open source though)
I’m honored that @kevinpowell.co invited me on to build a #webcomponent for him and have him implement it and talk about it. I had a great time and hope we can do it again in the future!
youtu.be/qUhtlnL48yA?...
youtu.be/qUhtlnL48yA?...
How to use Web Components, and why you'd want to
YouTube video by Kevin Powell
youtu.be
November 19, 2025 at 3:39 PM
I’m honored that @kevinpowell.co invited me on to build a #webcomponent for him and have him implement it and talk about it. I had a great time and hope we can do it again in the future!
youtu.be/qUhtlnL48yA?...
youtu.be/qUhtlnL48yA?...
With the attr() updates I’m pretty sure you could make a real #WebComponent without any JavaScript, and it would be useful!
Dang I'm excited about new semantic attr() capabilities in CSS!
I wrote a post about why this feature is so powerful, how it could change the way you build components, and how I would use it.
Advanced attr() is rolling out in Chrome 133 starting next week 🥰
una.im/advanced-attr/
I wrote a post about why this feature is so powerful, how it could change the way you build components, and how I would use it.
Advanced attr() is rolling out in Chrome 133 starting next week 🥰
una.im/advanced-attr/
una.im | New capabilities for attr()
Advanced attr() is landing in Chrome 133, and I'm really excited for this feature! Here's a bit about it and how you can use it.
una.im
February 9, 2025 at 8:52 AM
With the attr() updates I’m pretty sure you could make a real #WebComponent without any JavaScript, and it would be useful!
🚨😎🆒 Cool standalone #webcomponent alert
There is a Web Component, its in my WCQ Web Components course (not online yet)
Too much work to extract, so I used AI prompts to recreate it (now have to remove my OWN code because AI did a better job)
Don't ADD SVG ELEMENTs, markers are in ONE SVG resizeObserved backgroundIMG
marked-text.github.io
Too much work to extract, so I used AI prompts to recreate it (now have to remove my OWN code because AI did a better job)
Don't ADD SVG ELEMENTs, markers are in ONE SVG resizeObserved backgroundIMG
marked-text.github.io
May 19, 2026 at 1:26 PM
🚨😎🆒 Cool standalone #webcomponent alert
Wanted to try out this #WebComponent for myself andreruffert.github.io/syntax-highl...
The result is super clean and a fair chunk smaller than what's typically used:
The result is super clean and a fair chunk smaller than what's typically used:
<syntax-highlight> demo
...
codepen.io
July 17, 2025 at 9:06 AM
Wanted to try out this #WebComponent for myself andreruffert.github.io/syntax-highl...
The result is super clean and a fair chunk smaller than what's typically used:
The result is super clean and a fair chunk smaller than what's typically used:
Ok new idea, when I pass 1k followers I’ll release a new #WebComponent
October 29, 2024 at 1:24 PM
Ok new idea, when I pass 1k followers I’ll release a new #WebComponent
Announcement: Dave Rupert LLC’s new #webcomponent is so powerful that I’m unable to release it to the world. It threatens to undo all UI framework technology of the last 20 years. In mere minutes was able to detect over 100 bad websites and user experiences.
April 8, 2026 at 2:29 PM
Announcement: Dave Rupert LLC’s new #webcomponent is so powerful that I’m unable to release it to the world. It threatens to undo all UI framework technology of the last 20 years. In mere minutes was able to detect over 100 bad websites and user experiences.
Fable 5 has safety measures that flag messages on WebComponent or Semantic Web topics. They may flag safe, normal messages as well.
June 10, 2026 at 2:32 PM
Fable 5 has safety measures that flag messages on WebComponent or Semantic Web topics. They may flag safe, normal messages as well.
Alright gang you asked for it, here's a new #WebComponent for you…
, a standalone component to embed @bsky.app posts, with their metadata, on any web page
bluesky-post Web Component
The bluesky-post Web Component allows you to turn a regular link to a Bluesky post into an embeddable post quote including metadata such as reply count, repost count, likes and more.
darn.es
October 29, 2024 at 4:59 PM
Alright gang you asked for it, here's a new #WebComponent for you…
, a standalone component to embed @bsky.app posts, with their metadata, on any web page
December 2, 2024 at 2:45 PM
I had the idea of making a web component weather widget, using weatherapi.com's API, that would look like a window. I think it was a success. Here are a few different locales I tested. #100Devs #javascript #coding #webcomponent
June 14, 2025 at 6:22 AM
I had the idea of making a web component weather widget, using weatherapi.com's API, that would look like a window. I think it was a success. Here are a few different locales I tested. #100Devs #javascript #coding #webcomponent
Buongiorno! Yesterday, I designed and coded a streaming audio player that plays royalty free music. Did I cook? 👨🍳🍝
#100Devs #softwareengineer #webdev #webcomponent
#100Devs #softwareengineer #webdev #webcomponent
August 3, 2025 at 9:15 PM
Buongiorno! Yesterday, I designed and coded a streaming audio player that plays royalty free music. Did I cook? 👨🍳🍝
#100Devs #softwareengineer #webdev #webcomponent
#100Devs #softwareengineer #webdev #webcomponent
Web Component by Sandeep Kumar Patel is a new release on Leanpub!
This book bundle is the complete reference Web Component.
Link: leanpub.com/b/webcomponent
#books #ebooks #newreleases
This book bundle is the complete reference Web Component.
Link: leanpub.com/b/webcomponent
#books #ebooks #newreleases
September 21, 2026 at 12:45 AM
Web Component by Sandeep Kumar Patel is a new release on Leanpub!
This book bundle is the complete reference Web Component.
Link: leanpub.com/b/webcomponent
#books #ebooks #newreleases
This book bundle is the complete reference Web Component.
Link: leanpub.com/b/webcomponent
#books #ebooks #newreleases
My nine-step grayscale assignment from Parsons inspired me to #code it as a #webcomponent. What do you think?
#developer #coding #softwareengineer #womeninSTEM #color #colortheory
#developer #coding #softwareengineer #womeninSTEM #color #colortheory
November 26, 2024 at 5:51 PM
My nine-step grayscale assignment from Parsons inspired me to #code it as a #webcomponent. What do you think?
#developer #coding #softwareengineer #womeninSTEM #color #colortheory
#developer #coding #softwareengineer #womeninSTEM #color #colortheory
Some frameworks (Stencil.js, @react.dev, @svelte.dev) are 0% passing a new Custom Elements Everywhere test in the works. Fingers crossed for updates!
Other frameworks (@lit.dev, @solidjs.com, Lume, Pota) are fully passing, with @vuejs.org and @angular.dev almost there.
github.com/webcomponent...
Other frameworks (@lit.dev, @solidjs.com, Lume, Pota) are fully passing, with @vuejs.org and @angular.dev almost there.
github.com/webcomponent...
March 5, 2025 at 10:18 PM
Some frameworks (Stencil.js, @react.dev, @svelte.dev) are 0% passing a new Custom Elements Everywhere test in the works. Fingers crossed for updates!
Other frameworks (@lit.dev, @solidjs.com, Lume, Pota) are fully passing, with @vuejs.org and @angular.dev almost there.
github.com/webcomponent...
Other frameworks (@lit.dev, @solidjs.com, Lume, Pota) are fully passing, with @vuejs.org and @angular.dev almost there.
github.com/webcomponent...
I'm coding a Detroit-Style Pizza for a new web component blog post tutorial. I'll finish it up and post this week, so stay tuned. 😎🤌🍕
#100Devs #webdev #webcomponent #javascript #coding #techblog
#100Devs #webdev #webcomponent #javascript #coding #techblog
May 7, 2025 at 6:57 PM
I'm coding a Detroit-Style Pizza for a new web component blog post tutorial. I'll finish it up and post this week, so stay tuned. 😎🤌🍕
#100Devs #webdev #webcomponent #javascript #coding #techblog
#100Devs #webdev #webcomponent #javascript #coding #techblog
I made a weather widget recently but forgot to update the readme with the correct cdn information. You can add the script tag to the head section of your html and then add the element anywhere in your html. It's really easy. Enjoy #100Devs #webcomponent
github.com/DevManSam777...
github.com/DevManSam777...
July 2, 2025 at 11:49 PM
I made a weather widget recently but forgot to update the readme with the correct cdn information. You can add the script tag to the head section of your html and then add the element anywhere in your html. It's really easy. Enjoy #100Devs #webcomponent
github.com/DevManSam777...
github.com/DevManSam777...
thanks! I’d also shout out @develwithoutacause.dwac.dev’s github.com/webcomponent... too! (linked at the very bottom of my post)
github.com
March 20, 2025 at 9:50 PM
thanks! I’d also shout out @develwithoutacause.dwac.dev’s github.com/webcomponent... too! (linked at the very bottom of my post)
Nothing you see here is hard coded. The cursor, form, and typewriter effects are all web components that are being imported. We can reuse them in any project! I've been unconsciously creating a library of homemade web components lately 😅 #webcomponent #100Devs #javascript #coding
June 4, 2025 at 11:31 PM
Nothing you see here is hard coded. The cursor, form, and typewriter effects are all web components that are being imported. We can reuse them in any project! I've been unconsciously creating a library of homemade web components lately 😅 #webcomponent #100Devs #javascript #coding
Came for the #WebComponent content, stayed for the controversial food blogging
November 24, 2024 at 11:28 PM
Came for the #WebComponent content, stayed for the controversial food blogging
Trabajando en un webcomponent para añadir fácilmente circuitos a mí web.
Todo integrado con Astro, vanilla, full brilli brilli, y animaciones cucas
¡Hasta puedes hacer click en los interruptores y se recalcula todo!
Todo integrado con Astro, vanilla, full brilli brilli, y animaciones cucas
¡Hasta puedes hacer click en los interruptores y se recalcula todo!
October 22, 2025 at 6:46 PM
Trabajando en un webcomponent para añadir fácilmente circuitos a mí web.
Todo integrado con Astro, vanilla, full brilli brilli, y animaciones cucas
¡Hasta puedes hacer click en los interruptores y se recalcula todo!
Todo integrado con Astro, vanilla, full brilli brilli, y animaciones cucas
¡Hasta puedes hacer click en los interruptores y se recalcula todo!
I made a reusable back-to-top button web component with lots of built-in html attributes for customizable style options. Feel free to use it in your projects. Enjoy!
👇🏽
github.com/DevManSam777...
#100Devs #webdev #javascript #softwareengineer #webcomponent
👇🏽
github.com/DevManSam777...
#100Devs #webdev #javascript #softwareengineer #webcomponent
August 12, 2025 at 10:05 AM
I made a reusable back-to-top button web component with lots of built-in html attributes for customizable style options. Feel free to use it in your projects. Enjoy!
👇🏽
github.com/DevManSam777...
#100Devs #webdev #javascript #softwareengineer #webcomponent
👇🏽
github.com/DevManSam777...
#100Devs #webdev #javascript #softwareengineer #webcomponent