Web Components

a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.

Intro to Web Components

The Motivation For Using Web Components, an Introduction

Web Components 101

Web Components: From the orbital height

What are browser-native web components?

Why Web Components?

Custom elements

Custom Elements v1: Reusable Web Components

Handling properties in custom element upgrades

HTML Living Standard: Custom elements

MDN - Using Custom Elements

web-platform-tests

A complete guide on shadow DOM and event propagation

DOM Living Standard: Shadow tree

MDN - Using Shadow DOM

Mind the document.activeElement!

Shadow DOM

Shadow DOM and events

Shadow DOM in depth

Shadow DOM slots, composition

Shadow DOM styling

Shadow DOM v1: Self-Contained Web Components

The Shadow DOM Explained: Achieving True Encapsulation in Web Components

Understanding Slot Updates with Web Components

What is the Shadow DOM?

web-platform-tests

Crafting Reusable HTML Templates

HTML Living Standard: The template element

HTML templates with vanilla JavaScript

MDN - <template>: The Content Template element

MDN - Using templates and slots

Template element

Templating in HTML

The HTML5 template element

Understanding The Template Element In HTML

web-platform-tests

W3C First Public Working Draft

CSS shadow parts

CSS Shadow Parts are coming!

::part and ::theme, an ::explainer

web-platform-tests

HTML Living Standard: Creating a form-associated custom element

Form-Associated Custom Elements: Web Components That Belong in a Form

Form-Associated Custom Elements in Practice

ElementInternals and Form-Associated Custom Elements

Accessibility for Web Components

Accessibility with ID Referencing and Shadow DOM

Dialogs and shadow DOM: can we make it accessible?

How Shadow DOM and accessibility are in conflict

How to Make Accessible Web Components — a Brief Guide

Managing focus in the shadow DOM

Shadow DOM Focus Delegation: Getting delegatesFocus Right

The future of accessibility for custom elements

The Guide to Accessible Web Components

Web Components and accessibility

Web Components punch list

Web components still need to be accessible

Custom Element Best Practices

Developing Components: Publishing

Gold Standard Checklist for Web Components

Guidelines for creating web platform compatible components

How to Publish Web Components to NPM

Open Web Components Recommendations

Handy Custom Elements' Patterns

Managing event listeners in custom elements

Who doesn't love some slots?

Your Content in Shadow DOM Portals

Build a Story Web Component with LitElement

Building Custom Elements with Web Components for the 2020 Elections

Creating Custom Form Controls with ElementInternals

From Web Component to Lit Element

HowTo Components –<howto-checkbox>

HowTo Components –<howto-tabs>

HowTo Components – <howto-tooltip>

Lit: basics

Lit: intermediate

Lit for React Developers

Web Components: basics

generic-components

Collection of generic web components with a focus on accessibility, and ease of use.

howto-components

Collection of web components that implement common web UI patterns.

Nude UI

Collection of accessible, customizable, ultra-light web components.

open-wc code examples

Collection of best practices and design patterns for developing web components.

vanilla-retro-js

Vanilla JS UI component library of HTML deprecated tags.

web-components-examples

Series of web components examples, related to the MDN web components documentation.

A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends

Frankenstein Migration: Framework-Agnostic Approach (Part 1)

Frankenstein Migration: Framework-Agnostic Approach (Part 2)

Generating Config driven Dynamic Forms using Web Components

Hiding internal framework methods and properties from web component APIs

How to deliver Custom Elements

Making Web Components for Different Contexts

Supporting both automatic and manual registration of custom elements

Advanced Tooling for Web Components

Custom Elements Everywhere

Custom Elements That Work Anywhere

JavaScript frameworks, meet Web Components

Web Components aren't a framework replacement - they're better than that

Web Components: Seamlessly interoperable

Liskov's Gun: The parallel evolution of React and Web Components

Web Components are not Framework Components — and That’s Okay

Web components are okay

Web Components Are Not the Future — They’re the Present

Web Components Are Not the Future

HTML Web Components

by Jim Nielsen

HTML Web Components

by Jeremy Keith

If Web Components are so great, why am I not using them?

Debunking Web Component Myths and Misconceptions

Let’s talk about web components

A Web Component Story

Why it’s okay for web components to use frameworks

Misadventures in web components

What happened to web components?

The Failed Criticism of Web Components

The failed promise of Web Components

The Flaws Of Web Components (And Possible Solutions)

The Perks Of Web Components

There’s No Need To Hate Web Components

Why I don't use web components

The Web Components journey: wrong ways, lacking parts and promising paths

Custom elements, shadow DOM and implicit form submission

You might not need shadow DOM

Does shadow DOM improve style performance?

Eschewing Shadow DOM

How Nordhealth uses Custom Properties in Web Components

Options for styling web components

Style scoping versus shadow DOM: which is fastest?

Styling a Web Component

Styling in the Shadow DOM With CSS Shadow Parts

Thinking Through Styling Options for Web Components

Web Component Pseudo-Classes and Pseudo-Elements are Easier Than You Think

Web Standards Meet User-Land: Using CSS-in-JS to Style Custom Elements

Apple Just Shipped Web Components to Production and You Probably Missed It

Bringing Order to Web Design Chaos (with Web Components)

Get moving with Microsoft’s FAST web components

How Web Components Are Used at GitHub and Salesforce

How we use Web Components at GitHub

Implementing a Design Language System with Stencil.js

ING ❤ Web Components

ING Open-Sources Lion, Its White-Label Web Component Library – Q&A with Thomas Allmer

Lessons Learned, making our app with Web Components

Looking back on five years of web components

Shipping Web Components in 2020

The Firefox UI is now built with Web Components

Under the hood of MDN's new frontend

Using web components to encapsulate CSS and resolve design system conflicts

Web Components at GitHub - Web Components SF Meetup

Web Components at Scale at Salesforce: Challenges Encountered, Lessons Learnt

Web Development At Scale: Composable Applications With Web Components

web.dev engineering blog #1: How we build the site and use Web Components

<active-table>

Editable table web component.

<api-viewer>

API documentation and live playground for Web Components.

<aura-router>

HTML-first client-side router web component.

<chess-board>

Standalone chess board web component.

<css-doodle>

Web component for drawing patterns with CSS.

<dark-mode-toggle>

Custom element that allows to create a dark mode toggle or switch.

<deep-chat>

Web component for chat with AI capabilities.

<emoji-picker>

Lightweight emoji picker, distributed as a web component.

<fg-modal>

Accessible modal dialog web component.

<file-viewer>

Web component built with Svelte to view files.

<json-viewer>

Web component to visualize JSON data in a tree view.

<lite-youtube>

Lite YouTube embed with a focus on visual performance.

<midi-player>

MIDI file player and visualizer web components.

<model-viewer>

Web component for rendering interactive 3D models.

<notectl-editor>

Modern rich text editor with plugin architecture, immutable state, and zero-config framework-agnostic deployment.

<pdfjs-viewer-element>

Custom element that embeds PDF.js default viewer.

<phantom-ui>

Skeleton loader that measures your real DOM to render matching shimmer placeholders.

<player-x>

Media player web component.

<progressive-image>

Custom element to progressively enhance image placeholders.

<qr-code>

Web component for rendering customizable, animate-able, SVG-based QR codes.

<range-slider>

Accessible range slider custom element with keyboard support.

<rapi-doc>

Web component for creating documentation from OpenAPI Specification.

<shader-doodle>

Web component for writing and rendering shaders.

<theme-switch>

Animated toggle button to switch between light, dark, and system theme.

<trix-editor>

Rich text editor custom element for everyday writing.

<vime-player>

Customizable, extensible, accessible and framework agnostic media player.

<web-vitals>

Bring web vitals quickly into your page using custom elements.

AgnosticUI

A CLI-based UI component library that copies Lit web components directly into your project. Full React and Vue wrappers for native framework experience.

AMP

Web component framework for easily creating user-first websites, stories, ads, emails and more.

AnywhereUI

Collection of rich web components that includes framework bindings. Created with StencilJS.

Apollo Elements

Custom elements for using Apollo GraphQL with various web components libraries.

AXA Pattern Library

AXA CH UI components library built with Web Components.

Blackstone UI

Web components for creating interfaces by Blackstone Publishing.

Blaze UI Atoms

Set of web components powered by Blaze CSS.

Brightspace UI core

Collection of web components for building Brightspace applications.

Burnish Components

Web components for rendering MCP tool-call output as UI.

Clever components

Collection of Web Components made by Clever Cloud.

Curvenote

Web components for creating interactive scientific articles.

DataFormsJS

Standalone Components for SPA routing, displaying data from web services, and more.

Dile Components

General use Web Components for websites and applications.

github-elements

GitHub's Web Component collection.

Elix

High-quality, customizable web components for common user interface patterns.

Furo Webcomponents

Enterprise ready set of web components which work best with Eclipse Furo.

Fusion Web Components

Ser of web components used by Equinor Fusion.

Ignite UI Web Components

Complete library of UI components from Infragistics.

Joomla UI custom elements

Compilation of Joomla 4 Custom Elements.

Ketch.UP

Web components library for Sme.UP.

LDRS

Lightweight, customizable loading animations/spinners.

Lion Web Components

Set of highly performant, accessible and flexible Web Components.

LRNWebComponents

ELMS:LN produced web components for any project.

Lume

Custom elements for 3D graphics. Built with Three.js for WebGL/WebGPU rendering, and Solid.js for reactivity and templating.

Medblocks UI

Web Components for rapid development of openEHR and FHIR systems.

Morpheus

An experimental web components UI kit.

Mutation testing elements

A schema for mutation testing results with the web components to visualize it.

Nightingale

Data visualisation web components for the life sciences.

Nuxeo Elements

Components for building web applications with Nuxeo using Web Components.

One Platform Components

Set of web components for Red Hat One Platform.

Open Business Application Platform Web Components

Collection of web components designed for business applications.

Pixano Elements

Re-usable web components dedicated to data annotation tasks.

PlayCanvas Web Components

Custom elements for building 3D interactive web apps with the PlayCanvas Engine.

Playground Elements

Serverless code experiences with web components.

seele

An extensible Web Components library, with Material Design 3 components pre-provided.

Smart Web Components

Web components for business applications.

Snice

Comprehensive and full-featured component library and web component design system.

Stripe Elements

Custom Element Wrapper for Stripe.js v3 Elements.

TEI Publisher Components

Collection of web components used by TEI Publisher and apps generated by it.

Titanium Elements

Collection of lightweight web components used by Leavitt Group Enterprises.

Tradeshift Elements

Reusable Tradeshift UI Components as Web Components.

TrendChart Elements

Components to generate simple, light and responsive charts.

Umbraco UI Components

Collection of user interface web components for Umbraco CMS.

Vaadin components

Evolving set of high-quality web components for building business web applications.

VSCode Elements

Web component library for developing Visual Studio Code extensions.

Web Awesome

Open source library of web components from Font Awesome.

Webmarkets web components

Set of Webmarkets' public web components.

Wired Elements

Set of common UI elements with a hand-drawn, sketchy look.

Wokwi Elements

Web Components for Arduino and various electronic parts.

XWeather

Collection of web components implementing portions of the OpenWeatherMap API.

Astro Space UX Design System

Set of components to build rich space app experiences with established interaction patterns.

Auro Design System

Alaska Airlines design system to innovate on ideas and collaborate on the future.

Blueprint UI

Web Component based design system with flexible and lightweight components.

Calcite Design System

Web Components for Esri's Calcite design framework.

Carbon Web Components

Carbon Design System variant on top of Web Components.

Crayons

Collection of web components that adheres to the Freshworks Design System.

Fluent UI Web Components

Library of Web Components that supports Microsoft's Fluent design language.

Forge Components

Library of Web Components adhering to the Forge Design System.

Liquid

UI component library based on the Liquid Design System.

Lyne Components

Building blocks of the Lyne Design System are based on Web Components.

Material Web Components

Material Design implemented as Web Components.

Momentum UI Web Components

Set of UI components based on Momentum Design.

Nessie Design System

Web components by NS Dutch Railways for consumer (external) applications.

Nord

Nordhealth’s design system for products, digital experiences and brand.

Nucleus design system

Standardised set of reusable components for British Gas.

NVIDIA Elements

The Design Language and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous Vehicles.

OutlineJS

Web component based design system starter kit.

PatternFly Elements

Collection of flexible and lightweight Web Components based on the Unified Design Kit.

Pharos Design System

JSTOR's design system to create cohesive, supportive, and beautiful experiences.

PIE Design System

Just Eat Takeaway.com’s global design system

Polaris web components

Native UI elements that follow Shopify's design system.

Porsche Design System

Toolkit for creating web applications based on Web Components.

Red Hat Design System

Web components for building uniform experiences with the Red Hat brand.

Siemens iX Web Components

Web Components implementing Siemens iX design system.

Spectrum Web Components

Adobe Spectrum design language implementation built with Web Components.

Tractie — NS Design System

Web components by NS Dutch Railways for employee internal applications.

UI5 Web Components

Set of reusable UI elements implementing SAP Fiori Design Guidelines.

How we chose to build our Design System using StencilJS Web Components

How searching for a bundle-free React led me to web components

Post Mortem: Rewriting AgnosticUI with Lit Web Components

Reasons Web Components are perfect for a big company

5 Reasons Web Components Are Perfect for Design Systems

Web components: the secret ingredient helping power the web

Web Components for Enterprise. Part 1: Salesforce, Oracle, SAP

Web Components for Enterprise. Part 2: Nuxeo, Ionic, Vaadin

Why I use Web Components - My use cases

Why we use Web Components

Why we use Web Components

DNA

Progressive Web Components library.

element-js

Simple and lightweight base classes for web components with a beautiful API.

FAST Element

Lightweight library for building performant, memory-efficient, standards-compliant Web Components.

Joist

Set of small libraries designed to add the bare minimum to web components to make you productive.

Lit

Simple library for building fast, lightweight web components.

Lightning Web Components

blazing fast, enterprise-grade Web Components foundation.

Lume Element

Write custom elements with reactivity and templating powered by Solid.js signals and effects.

Omi

Next generation web framework in 4kb JavaScript (Web Components + JSX + Proxy + Store + Path Updating).

Panel

Web Components + Virtual DOM: web standards for powerful UIs.

ReadyMade

Write custom element classes with decorators. No dependencies.

Snice

Elegant decorators for building web components declaratively or imperatively.

Stencil

Compiler for generating Web Components.

WebCell

Web Components engine based on VDOM, JSX, MobX & TypeScript.

atomico

Small library for the creation of interfaces based on web components using functions and hooks.

Elemento

A lightweight library for building functional web components using signals and Lit.

haunted

React's Hooks API implemented for web components.

pion

React's Hooks API for web components with lit-html.

hybrids

UI library for creating Web Components with simple and functional API.

Solid Element

Library that extends Solid adding Custom Web Components and extensions.

ember-custom-elements

Render Ember and Glimmer components using custom elements.

preact-custom-element

Generate/register a custom element from a preact component.

@adobe/react-webcomponent

Automate the wrapping of a React component in a custom element.

nuxt-custom-elements

Export your project components as custom elements for integration into external pages.

react-shadow

Utilise Shadow DOM in React with all the benefits of style encapsulation.

reactify-wc

Use web components with React properties and functions.

remount

Mount React components to the DOM using custom elements.

@riotjs/custom-elements

Simple API to create vanilla custom elements with Riot.js.

All the Ways to Make a Web Component

web-components-benchmark

Benchmark Web Components technologies with various examples.

web-components-todo

The same todo application built in different Web Components libraries for benchmark purpose.

Web Components in Angular: Integrating React Components Across Framework Boundaries

Web Components in Angular - Why Passing Inputs Breaks on Navigation

Angular Elements Overview

Building and consuming Angular Elements as Web Components

How to use Angular ngModel and ngForms with WebComponents

Using Web Components in Angular

3 Approaches to Integrate React with Custom Elements

Building Interoperable Web Components That Even Work With React

Rendering React Components With Custom Elements

How to use Web Components in React

Using Web Components With Next (or Any SSR Framework)

Using Web Components in Vue

Svelte Custom Element API

How to Create a Web Component in Svelte

Svelte Web Component — 5.4KB

AMP

Web component framework for easily creating user-first websites, stories, ads, emails and more.

Enhance

Web standards-based HTML framework for building lightweight web applications.

luna-js

SSR framework that makes working with the WebComponents standard a breeze.

Rocket

Modern web setup for static sites with a sprinkle of JavaScript.

Web Components Compiler

Compiler to make server-side rendering of native web components easier.

WebC

Framework-independent standalone HTML serializer for generating markup for web components.

Create Open Web Components

Web component project scaffolding.

custom-element-boilerplate

Boilerplate for creating a custom element.

hello-web-components

Simple starter hello world web component written in TypeScript.

nutmeg

Build, test, and publish vanilla Web Components with a little spice.

capybara-shadowdom

Ruby gem that adds basic support for the Shadow DOM to Capybara.

Cypress component tests for Lit

How to run component tests for a Lit web component with Cypress.

cypress-lit

Test your Lit elements and native web components in Cypress with all the modern browsers.

Developing Components: Testing

Using @web/test-runner for testing web components in a real browser.

How To Automate Shadow DOM In Selenium WebDriver

Locating Shadow DOM elements using Selenium WebDriver in a Maven project.

Native Automation support for Shadow DOM

Shadow DOM and open-source testing frameworks.

Open Web Components: Testing

Opinionated package that combines and configures testing libraries.

query-selector-shadow-dom

querySelector that can pierce Shadow DOM roots, useful for automated testing.

shadow-automation-selenium

Shadow DOM automation using Selenium.

Test web components with Playwright

So you’ve created a native web component or two. How do you test them in popular browsers?

W3C Webdriver conquering automation of Shadow DOM

Shadow DOM tree and its interaction with the W3C Webdriver.

Custom Elements Manifest

Codegen for Web Components.

Custom Elements Locator

Chrome extension to find custom elements on a page.

@storybook/web-components

UI development environment for plain web-component snippets.

@web/storybook-builder

Storybook builder with support for Web Components.

web-component-analyzer

CLI that analyzes web components and emits documentation / diagnostics.

Web Components Codemods

Codemods for Web Components.

Web Components in Action

Book by Ben Farrell, available at Manning early release program.

Web Component Development with Modern Libraries and Tooling

Book by Mark Volkmann, available at Manning early access program.

Web Component Essentials

Book by Cory Rylan, early preview edition available at Leanpub.

Building Web Components with Vanilla JavaScript

Creating a Custom Element from Scratch

Creating a Reusable Avatar Web Component

Creating Web Components with Stencil

Encapsulating Style and Structure with Shadow DOM

Getting started with LitElement and TypeScript

Web Components: from zero to hero

Deep Dive: Web Components & Dependency Injection – The Experiment

Recreating The Arduino Pushbutton Using SVG And <lit-element>

Snake-Eating Game Making with Web Components of Omi and MVP Architecture

Stencil – Web Components On Steroids

The Missing Link for Web Components

Using Modern Web Components

Using Web Components in WordPress is Easier Than You Think

Web Components 101: Framework Comparison

Web Components 101: Lit Framework

Web Components Tools: A Comparison

Where to begin building Web Components? - The Basics

Where to begin building Web Components? - Class-based Libraries

Code[ish], episode 38: Building with Web Components

Frontend Happy Hour, episode 62: Web Components - shots of shadow DOM

JSJ 424: UI5 and web components with Peter Muessig

Real Talk JavaScript, episode 7: Custom Web Components with Rob Wormald

Real Talk JavaScript, episode 101: Back to Basics with Native HTML and LitElement

ShopTalk Show, episode 657: David Darnes on Web Components and Design Systems

Are Web Components the Betamax of web development?

by @lostinbrittany

Frontend Architecture for Scalable Design Systems

by @salem_cobalt

lit-apollo: Data-Driven Components that Use the Platform

by @PowersBenny

Mastering Shadow DOM

by @Martine_Dowden

Modernizing Large Frontends with Web Components

by @samjulien

Shadow DOM: off the beaten track

by @serhiikulykov

Using Web Components to Build a Framework-agnostic UI Library

by @brianbouril and @danciupuliga

Web Components can do that?!

by @vogloblinsky

Better Apps: Delivering Universal UI Patterns as Web Components

by @janmiksovsky

Custom Web Shadow Elements, or Whatever…

by @aerotwist

Styling and Theming Web Components

by @justinfagnani

Web Components at Enterprise Scale

by @diervo

Chrome Platform Status: CustomElementRegistryDefine

Chrome Platform Status: ElementAttachShadow

Chrome Platform Status: HTMLTemplateElement

Specification Draft

web-platform-tests

Explainer

Constructable Stylesheets

Feature in Chrome platform status.

Blink: Intent to implement

Discussions.

ElementInternals's states property and the :state() pseudo class

bruck

Prototyping system built with web components and the Houdini Paint API.

Vaadin Directory

Publish, discuss and rate web components

webcomponents.org

Discuss & share web components.

@webcomponents/custom-elements

Custom Elements polyfill by Polymer team.

document-register-element

Custom Elements polyfill by Andrea Giammarchi.

@corpuscule/custom-builtin-elements

Customized built-in elements polyfill by CorpusculeJS.

@ungap/custom-elements-builtin

Customized built-in elements polyfill by ungap project.

Lightning Web Components

blazing fast, enterprise-grade Web Components foundation.

@ungap/import-node

An importNode polyfill for IE11 by ungap project.

Styling is critical to web component reuse, but may prove difficult in practice

Make a Native Web Component with Custom Elements v1 and Shadow DOM v1

Web Components: The Long Game

Web Components: Just in the Nick of Time (Polymer Summit 2017)

Using Web Components in Ionic (Polymer Summit 2017)

Web Components for VR (Polymer Summit 2017)

Building UI at Enterprise Scale with Web Components (Polymer Summit 2017)

(August 22, 2017)

Custom Elements Everywhere (Polymer Summit 2017)

Evolving the Next Generation of Polymer Elements (Polymer Summit 2017)

Polymer @ YouTube (Polymer Summit 2017)

(August 22, 2017)

Web Components for CMS (Polymer Summit 2017)

An intro to web components with otters

The broken promise of Web Components

Regarding the broken promise of Web Components

Web Components v1 - the next generation

Introducing Custom Elements

The Case for Custom Elements: Part 1

The Case for Custom Elements: Part 2

Demythstifying Web Components

Extensible web components

Web Component Challenges

Web Components and progressive enhancement

Update on standardizing Shadow DOM and Custom Elements

What's New in Shadow DOM v1 (by examples)

Why web components are so important

Understanding Web Components

Introducing Slot-Based Shadow DOM API

There is an Element for that

What happened to Web Components?

Web Components and their role in the future of web development

Microsoft Edge and Web Components

Bringing componentization to the web: An overview of Web Components

Why Web Components will make the web a better place for our users

Practical Questions around Web Components

The state of Web Components

A No-Nonsense Guide to Web Components, Part 1: The Specs

A No-Nonsense Guide to Web Components, Part 2: Practical Use

Web Components + Backbone: A Game-Changing Combination

Mozilla and Web Components: Update

Server-less applications powered by Web Components

Web Components and the Future of CSS

Easy composition and reuse with Web Components

Let’s build some apps with Polymer!

Polymer: State of the Union

Web Components 101: An Introduction to Fundamental Changes in HTML

Web Components 201: Designing Web Components for Reuse

Why Web Components — Does the Web Really Need Another Component?

“Don’t stop thinking about tomorrow” - AngularJS and Web Components

Multi-device Apps with Web Components

As I Walk Through The Valley Of The Shadow Of DOM

Why Web Components Are Ready For Production

The State of the Componentised Web

An Addendum to Why Web Components Aren't Ready for Production Yet

Why Web Components Aren't Ready for Production... Yet

Component Interop With React And Custom Elements

Accessibility of Web Components

Componentize The Web: Back To The Browser!

Google I/O 2014 - Polymer and the Web Components revolution

Google I/O 2014 - Polymer and Web Components change everything you know about Web development

Google I/O 2014 - Unlock the next era of UI development with Polymer

Making Polymer Elements Accessible

Building an Accessible Disclosure Button – using Web Components

The Road to Web Components

The Web Components Revolution is Here

Web Components: A chance to create the future

Web Component Mashups at 3 a.m.

Web Components Tools & Libraries

Web Components Can Do That?!

Web Components and you – dangers to avoid

HTML as Custom Elements

The Web's Declarative, Composable Future

Using Polymer to Create Web Components

The Shadow DOM Diaries

A Detailed Introduction To Custom Elements

A future called Web Components

Building Mobile Web Applications With Brick

Polymer: declarative, encapsulated, and reusable components for the web

Web Components: Why you're already an expert

Yo Polymer: a new way of building web apps

Performance and Custom Elements

Web Components Revolution

A Guide to Web Components

Return of Inspector Web: Web Components a Year Later

Angelina Fabbro, Fronteers 49:44

Working with Custom Elements

Creating Reusable Markup with The HTML Template Element

Working with Shadow DOM

Breaking Development: Web Components

Web Components: A Tectonic Shift for Web Development - Google I/O 2013

Shadow DOM 101

Shadow DOM 201

Shadow DOM 301

Visualizing shadow DOM concepts

Web components and the future of web development

HTML's New Template Tag

The Basics of the Shadow DOM

Notes on Web Components + ARIA

Google I/O 2012 - The Web Platform's Cutting Edge

Introduction to Web Components

Web Components and Model Driven Views by Alex Russell

What the Heck is Shadow DOM?