Веб-компоненты - набор технологий, задача которых позволить нам создавать повторно используемые HTML элементы.
В HTML5 есть ряд элементов, которые являются нечто большим, чем просто теги. Например, <audio> - это целый компонент, который в браузере превращается в набор логики и контролов (play/pause/stop/progressbar). Идея веб-компонентов - дать возможность создавать свои теги, которые в браузере будут превращаться в кусок DOM со своей логикой и структурой. В разметке пишем просто тег, в барузере отрисовывается целый компонент.