The 2027 Design Systems Report survey is OPEN. 🚨
A lot can change in a year, so we need you to tell us where design systems are at right now.
Take the survey today and have your say in the 2027 report.
Go, go go! https://report.zeroheight.com/2027
A lot can change in a year, so we need you to tell us where design systems are at right now.
Take the survey today and have your say in the 2027 report.
Go, go go! https://report.zeroheight.com/2027
November 5, 2026 at 11:15 PM
It's always fun seeing projects called out!
It's bittersweet knowing the Storybook helpers won't be needed anymore, but I'm excited about what the @storybook.js.org team is rolling out for Web Components!
#html #css #javascript #webdev #webcomponents
storybook.js.org/blog/storybo...
It's bittersweet knowing the Storybook helpers won't be needed anymore, but I'm excited about what the @storybook.js.org team is rolling out for Web Components!
#html #css #javascript #webdev #webcomponents
storybook.js.org/blog/storybo...
Storybook 11 beta
Agent-ready design systems for React, Vue, Angular, Web Components, and Svelte
storybook.js.org
November 10, 2026 at 11:25 AM
It's always fun seeing projects called out!
It's bittersweet knowing the Storybook helpers won't be needed anymore, but I'm excited about what the @storybook.js.org team is rolling out for Web Components!
#html #css #javascript #webdev #webcomponents
storybook.js.org/blog/storybo...
It's bittersweet knowing the Storybook helpers won't be needed anymore, but I'm excited about what the @storybook.js.org team is rolling out for Web Components!
#html #css #javascript #webdev #webcomponents
storybook.js.org/blog/storybo...
#Development #Releases
Storybook 11 beta · Agent-ready components for modern frontends ilo.im/16ht5j by Michael Shilman
_____
#Storybook #AI #AiAgents #AiSkills #DesignSystems #WebComponents #Frameworks #CLI #WebDev #Frontend #JavaScript
Storybook 11 beta · Agent-ready components for modern frontends ilo.im/16ht5j by Michael Shilman
_____
#Storybook #AI #AiAgents #AiSkills #DesignSystems #WebComponents #Frameworks #CLI #WebDev #Frontend #JavaScript
Storybook 11 beta
Agent-ready design systems for React, Vue, Angular, Web Components, and Svelte
ilo.im
November 10, 2026 at 3:53 AM
#Development #Releases
Storybook 11 beta · Agent-ready components for modern frontends ilo.im/16ht5j by Michael Shilman
_____
#Storybook #AI #AiAgents #AiSkills #DesignSystems #WebComponents #Frameworks #CLI #WebDev #Frontend #JavaScript
Storybook 11 beta · Agent-ready components for modern frontends ilo.im/16ht5j by Michael Shilman
_____
#Storybook #AI #AiAgents #AiSkills #DesignSystems #WebComponents #Frameworks #CLI #WebDev #Frontend #JavaScript
📝 A new CSS-Trick, where I use the custom `:state()` feature of #webcomponents to mimic interactive states like `:hover`, `:active`, and `:focus-visible` in component demos.
daverupert.com/2026/11/pseu...
daverupert.com/2026/11/pseu...
Pseudo-pseudo-classes for maximum interactive demos!
Have you ever wanted to display all variants of a Button next to each other in your Storybook like your designer did in Figma? But then you come to a screeching halt when you realize :hover, :active, ...
daverupert.com
November 6, 2026 at 3:55 PM
📝 A new CSS-Trick, where I use the custom `:state()` feature of #webcomponents to mimic interactive states like `:hover`, `:active`, and `:focus-visible` in component demos.
daverupert.com/2026/11/pseu...
daverupert.com/2026/11/pseu...
.NET Conf starts next week, so I thought I would give you all some new toys to play with.
Today I am excited to release @dot.net tools for Web Components!
This includes:
- HTML Tag Helpers for Razor Pages
- Blazor wrappers
#html #css #javascript #WebComponents
wc-toolkit.com/integrations...
Today I am excited to release @dot.net tools for Web Components!
This includes:
- HTML Tag Helpers for Razor Pages
- Blazor wrappers
#html #css #javascript #WebComponents
wc-toolkit.com/integrations...
.NET Tools
Generate ASP.NET Tag Helpers and Blazor component wrappers for your custom elements
wc-toolkit.com
November 5, 2026 at 12:57 PM
.NET Conf starts next week, so I thought I would give you all some new toys to play with.
Today I am excited to release @dot.net tools for Web Components!
This includes:
- HTML Tag Helpers for Razor Pages
- Blazor wrappers
#html #css #javascript #WebComponents
wc-toolkit.com/integrations...
Today I am excited to release @dot.net tools for Web Components!
This includes:
- HTML Tag Helpers for Razor Pages
- Blazor wrappers
#html #css #javascript #WebComponents
wc-toolkit.com/integrations...
Build GitHub-Style Search Boxes with || #WebDev #Frontend #WebComponents bit.ly/4BMi9rc
<rich-input> – A Rich Input Field
A rich input field with keyword-based autocomplete and in-input highlighting powered by <datalist>, OpaqueRange, and the Custom Highlight API
bit.ly
November 6, 2026 at 12:45 AM
Build GitHub-Style Search Boxes with || #WebDev #Frontend #WebComponents bit.ly/4BMi9rc
#Development #Techniques
Theme switching made easy · A full-featured theme picker web component ilo.im/16hpd2 by Aaron Gustafson
_____
#Themes #DarkMode #WebComponents #Accessibility #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS #JavaScript
Theme switching made easy · A full-featured theme picker web component ilo.im/16hpd2 by Aaron Gustafson
_____
#Themes #DarkMode #WebComponents #Accessibility #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS #JavaScript
Theme Switching Made Easy
My <theme-switcher> web component builds on <form-multi-switch> to offer explicit System, Light, and Dark choices, remember preferences, and support additional custom themes.
ilo.im
November 7, 2026 at 10:12 AM
#Development #Techniques
Theme switching made easy · A full-featured theme picker web component ilo.im/16hpd2 by Aaron Gustafson
_____
#Themes #DarkMode #WebComponents #Accessibility #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS #JavaScript
Theme switching made easy · A full-featured theme picker web component ilo.im/16hpd2 by Aaron Gustafson
_____
#Themes #DarkMode #WebComponents #Accessibility #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS #JavaScript
#webcomponents mentioned!
Love to see this work finally come to light! This is hopefully gonna make MFE app creation much more straightforward in the future!
Love to see this work finally come to light! This is hopefully gonna make MFE app creation much more straightforward in the future!
Scoped custom element registries are newly available in all major engines, meaning multiple implementations can use the same tag name without clashing. Here's how they work:
November 3, 2026 at 3:50 PM
#webcomponents mentioned!
Love to see this work finally come to light! This is hopefully gonna make MFE app creation much more straightforward in the future!
Love to see this work finally come to light! This is hopefully gonna make MFE app creation much more straightforward in the future!
it turns out that webcomponents DNFW with pages that have been transformed with xslt, which i am pissed that i have to move off of and was planning to do it *after* making said gizmo, but it turned out the least-bad thing option was to take care of that first:
anyway TODAY'S JOB: deploy these two things i just made on methodandstructure.com so i can get on with actually making the thing i set out to make
Method & Structure
Method & Structure is an independent consultancy that believes there’s more to information than just technology. Together we’ll organize your cognitive environment and orient you—and your team—within it.
methodandstructure.com
November 5, 2026 at 8:41 PM
it turns out that webcomponents DNFW with pages that have been transformed with xslt, which i am pissed that i have to move off of and was planning to do it *after* making said gizmo, but it turned out the least-bad thing option was to take care of that first:
Alright, my fellow #WebComponents friends. I've got some fun toys coming for all of you!
October 31, 2026 at 12:55 PM
Alright, my fellow #WebComponents friends. I've got some fun toys coming for all of you!
in addition to CodeMirror (which is kind of a big spicy one, and admittedly i do carry some servo patches for that still), I've also got a bunch of my own stuff in modern WebComponents / Lit, initially developed and tested on chromium and firefox, and those... pretty much just worked, first shot. 🤘
November 7, 2026 at 2:43 PM
in addition to CodeMirror (which is kind of a big spicy one, and admittedly i do carry some servo patches for that still), I've also got a bunch of my own stuff in modern WebComponents / Lit, initially developed and tested on chromium and firefox, and those... pretty much just worked, first shot. 🤘
okay so this all started two weeks ago when i sat down to make some gizmo using webcomponents: youtu.be/tPWhtI3-WLQ
2026-11-04 making a thing to make a thing
YouTube video by dorian taylor
youtu.be
November 5, 2026 at 8:38 PM
okay so this all started two weeks ago when i sat down to make some gizmo using webcomponents: youtu.be/tPWhtI3-WLQ
so the situation is (i guess not last week but the week before) i went to go do a thing with webcomponents and it turned out that the xslt that i have been using for the past two decades for styling/page composition directly interferes with webcomponents (specifically it doesn't set `is=`)
November 2, 2026 at 8:20 PM
so the situation is (i guess not last week but the week before) i went to go do a thing with webcomponents and it turned out that the xslt that i have been using for the past two decades for styling/page composition directly interferes with webcomponents (specifically it doesn't set `is=`)
I support this but also I really wish the control security clamp down restrict constrain factions of the web spec world didn't get quite such the lions share of oxygen all the time.
I could try to ask what else in webcomponents has gotten good progress in the past couple years I guess.
I could try to ask what else in webcomponents has gotten good progress in the past couple years I guess.
November 3, 2026 at 7:00 AM
I support this but also I really wish the control security clamp down restrict constrain factions of the web spec world didn't get quite such the lions share of oxygen all the time.
I could try to ask what else in webcomponents has gotten good progress in the past couple years I guess.
I could try to ask what else in webcomponents has gotten good progress in the past couple years I guess.
so it turns out that if you try to use webcomponents on any transformed document it just silently fails
so one of these things has to go
well, that decision has already been made on my behalf: in-browser xslt transformations are going dark in two weeks
so one of these things has to go
well, that decision has already been made on my behalf: in-browser xslt transformations are going dark in two weeks
November 2, 2026 at 8:26 PM
so it turns out that if you try to use webcomponents on any transformed document it just silently fails
so one of these things has to go
well, that decision has already been made on my behalf: in-browser xslt transformations are going dark in two weeks
so one of these things has to go
well, that decision has already been made on my behalf: in-browser xslt transformations are going dark in two weeks
FWIW, we implement our UI components as #webComponents (with React & Angular wrappers), and also in React Native.
We use #DesignTokens extensively (@designtokens.org 2025.10 format, naturally!)
We care deeply about #accessibilty.
And, fair warning, we increasingly use and do AI stuff too.
We use #DesignTokens extensively (@designtokens.org 2025.10 format, naturally!)
We care deeply about #accessibilty.
And, fair warning, we increasingly use and do AI stuff too.
October 29, 2026 at 3:34 PM
FWIW, we implement our UI components as #webComponents (with React & Angular wrappers), and also in React Native.
We use #DesignTokens extensively (@designtokens.org 2025.10 format, naturally!)
We care deeply about #accessibilty.
And, fair warning, we increasingly use and do AI stuff too.
We use #DesignTokens extensively (@designtokens.org 2025.10 format, naturally!)
We care deeply about #accessibilty.
And, fair warning, we increasingly use and do AI stuff too.
TSX where every tag is a real DOM element
#Dev #TypeScript #Webcomponents
https://blog.gauffin.org/2026/10/27/tsx-without-react/
#Dev #TypeScript #Webcomponents
https://blog.gauffin.org/2026/10/27/tsx-without-react/
TSX where every tag is a real DOM element
JSX is a TypeScript feature, not a React one. Relaxjs uses it to build real elements, with no virtual DOM and nothing running later, and that is what makes it…
blog.gauffin.org
October 27, 2026 at 11:31 AM
TSX where every tag is a real DOM element
#Dev #TypeScript #Webcomponents
https://blog.gauffin.org/2026/10/27/tsx-without-react/
#Dev #TypeScript #Webcomponents
https://blog.gauffin.org/2026/10/27/tsx-without-react/
Do Web Components Have a Future if Nobody Is Writing Them?, by @nolan@toot.cafe:
https://nolanlawson.com/2026/10/19/do-web-components-have-a-future-if-nobody-is-writing-them/?ref=frontenddogma.com
#webcomponents
https://nolanlawson.com/2026/10/19/do-web-components-have-a-future-if-nobody-is-writing-them/?ref=frontenddogma.com
#webcomponents
Do web components have a future if nobody is writing them?
With my previous post on “using the platform”, I was surprised that the comments on Hacker News and Lobsters tended to veer toward web components. This…
nolanlawson.com
October 28, 2026 at 3:30 PM
Do Web Components Have a Future if Nobody Is Writing Them?, by @nolan@toot.cafe:
https://nolanlawson.com/2026/10/19/do-web-components-have-a-future-if-nobody-is-writing-them/?ref=frontenddogma.com
#webcomponents
https://nolanlawson.com/2026/10/19/do-web-components-have-a-future-if-nobody-is-writing-them/?ref=frontenddogma.com
#webcomponents
October 25, 2026 at 12:54 PM
Sortable Tables With Progressive Enhancement, by @aaron@front-end.social:
https://www.aaron-gustafson.com/notebook/sortable-tables-with-progressive-enhancement/?ref=frontenddogma.com
#tables #webcomponents #sorting
https://www.aaron-gustafson.com/notebook/sortable-tables-with-progressive-enhancement/?ref=frontenddogma.com
#tables #webcomponents #sorting
Sortable Tables with Progressive Enhancement
My table-sortable web component adds accessible, customizable sorting to ordinary HTML tables while keeping their core structure and semantics intact.
www.aaron-gustafson.com
October 22, 2026 at 8:30 AM
Sortable Tables With Progressive Enhancement, by @aaron@front-end.social:
https://www.aaron-gustafson.com/notebook/sortable-tables-with-progressive-enhancement/?ref=frontenddogma.com
#tables #webcomponents #sorting
https://www.aaron-gustafson.com/notebook/sortable-tables-with-progressive-enhancement/?ref=frontenddogma.com
#tables #webcomponents #sorting
ok, now this whole endeavour around #lit tooling making #webcomponents available in #astro spiraled into something promising 🤞
release notes here: oddcelot.github.io/vite-plugin-...
release notes here: oddcelot.github.io/vite-plugin-...
October 19, 2026 at 1:45 PM
ok, now this whole endeavour around #lit tooling making #webcomponents available in #astro spiraled into something promising 🤞
release notes here: oddcelot.github.io/vite-plugin-...
release notes here: oddcelot.github.io/vite-plugin-...
#Development #Analyses
Do web components have a future? · What remains of custom elements in the AI era ilo.im/16h5ci by Nolan Lawson
_____
#CustomElements #WebComponents #WebStandards #AI #Frameworks #React #WebDev #Frontend #HTML #JavaScript
Do web components have a future? · What remains of custom elements in the AI era ilo.im/16h5ci by Nolan Lawson
_____
#CustomElements #WebComponents #WebStandards #AI #Frameworks #React #WebDev #Frontend #HTML #JavaScript
Do web components have a future if nobody is writing them?
With my previous post on “using the platform”, I was surprised that the comments on Hacker News and Lobsters tended to veer toward web components. This…
ilo.im
October 20, 2026 at 6:01 AM
#Development #Analyses
Do web components have a future? · What remains of custom elements in the AI era ilo.im/16h5ci by Nolan Lawson
_____
#CustomElements #WebComponents #WebStandards #AI #Frameworks #React #WebDev #Frontend #HTML #JavaScript
Do web components have a future? · What remains of custom elements in the AI era ilo.im/16h5ci by Nolan Lawson
_____
#CustomElements #WebComponents #WebStandards #AI #Frameworks #React #WebDev #Frontend #HTML #JavaScript
Tell me you build #webcomponents without telling me you build web components...
https://interop-rank.fxdx.dev/share/c1rrus-v6sn9gpjkwd9/
#FireFox #interop2027 #HTML #CSS #JavaScript
https://interop-rank.fxdx.dev/share/c1rrus-v6sn9gpjkwd9/
#FireFox #interop2027 #HTML #CSS #JavaScript
James Nash's 2027 Web Platform Feature Ranking
Top picks: 1. Customizable/stylable , 2. Shadow DOM referenceTarget, 3. HTML focusgroup attribute
interop-rank.fxdx.dev
October 17, 2026 at 12:40 AM
Tell me you build #webcomponents without telling me you build web components...
https://interop-rank.fxdx.dev/share/c1rrus-v6sn9gpjkwd9/
#FireFox #interop2027 #HTML #CSS #JavaScript
https://interop-rank.fxdx.dev/share/c1rrus-v6sn9gpjkwd9/
#FireFox #interop2027 #HTML #CSS #JavaScript