--- title: Web Components News & Updates | daily.dev description: Web Components news and updates covering browser standards for building reusable, encapsulated custom elements. Readers can learn about custom elements and shadow DOM, templates and slots, styling boundaries, framework interoperability, declarative shadow DOM for server rendering. canonical: https://daily.dev/tags/web-components twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/web-components og:type: website og:site_name: daily.dev og:title: Web Components News & Updates | daily.dev og:description: Web Components news and updates covering browser standards for building reusable, encapsulated custom elements. Readers can learn about custom elements and shadow DOM, templates and slots, styling boundaries, framework interoperability, declarative shadow DOM for server rendering. og:image: https://api.daily.dev/og/tags/web-components.png og:image:width: 1200 og:image:height: 630 --- ## Roadmaps [Comprehensive roadmap for Web ComponentsBy roadmap.sh](https://roadmap.sh/frontend?ref=dailydev) ## Recommended Web Components stories ## Who to follow for Web Components [](https://daily.dev/agustinbarrientos) [Agustin Barrientos](https://daily.dev/agustinbarrientos) [@agustinbarrientos](https://daily.dev/agustinbarrientos) Joined Jun 29\. 2026 23.3K  Uncanny Owl Verified Sr UI/UX Designer & Frontend Engineer [](https://daily.dev/drubiodev) [Daniel Rubio](https://daily.dev/drubiodev) [@drubiodev](https://daily.dev/drubiodev) Joined May 24\. 2019 10 [](https://daily.dev/sandeepkumarpatel) [Sandeep Kumar Patel](https://daily.dev/sandeepkumarpatel) [@sandeepkumarpatel](https://daily.dev/sandeepkumarpatel) Joined Oct 23\. 2024 10 ## Top sources covering Web Components ## Most upvoted Web Components posts ## Best discussed Web Components posts ## All posts about Web Components ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/web-components#page","url":"https://daily.dev/tags/web-components","name":"Web Components News & Updates","description":"Web Components news and updates covering browser standards for building reusable, encapsulated custom elements. Readers can learn about custom elements and shadow DOM, templates and slots, styling boundaries, framework interoperability, declarative shadow DOM for server rendering.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/web-components#items","numberOfItems":10,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/state-of-html-2023-guju0b4bt","name":"State of HTML 2023"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/from-shoelace-to-web-awesome-featuring-cory-laviska-js-party-322--ykkk2lcgo","name":"From Shoelace to Web Awesome featuring Cory LaViska (JS Party #322)"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/testing-stencil-components-with-ease-using-playwright-u80sshvft","name":"Testing Stencil Components with Ease using Playwright"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/what-happened-last-week---issue-83-zxmtr5woj","name":"What happened last week - issue #83"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/the-carcinization-of-web-frameworks-aqdmcu707","name":"The carcinization of web frameworks"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/the-design-system-ecosystem-nj32qmunq","name":"The Design System Ecosystem"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/portable-server-rendered-web-components-with-enhance-ssr-begin-blog-cvlpfwoei","name":"Portable Server Rendered Web Components with Enhance SSR — Begin Blog"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/creating-a-global-design-system-how-a-universal-design-system-can-revolutionize-design-q8ipg96m3","name":"Creating a global design system: How a universal design system can revolutionize design"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/ssr-web-components-for-all-with-brian-leroux-from-enhance-wasm-js-party-321--mnnh21ccl","name":"SSR web components for all with Brian LeRoux from Enhance WASM (JS Party #321)"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/svelte-slot-forwarding-with-props-fv8encncn","name":"Svelte Slot Forwarding with Props"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Web Components"}]}]} ```