Demo C: Web Components

97% support.

Benefit: framework agnostic. Use the same components across multiple websites.

Web Components have similar features as other component systems (React, Vue, Blade, etc), including:

Making Web Components is a bit too complicated for this demo 😅, so we will use a library called Shoelace (it's pretty great, go check it out!) to play around with some Web Component features.


Button Large Button Button with Prefix slot filled Bold Blue Text
Grayscale version of kittens in a basket looking around. Color version of kittens in a basket looking around.