The Failed Promise of Web Components

With HTML imports, you would import a HTML file. In that file would be css, html and the js to make the component. Then you’d use HTML as usual in your main file.

Finally you could create custom components easily while keeping yourself dealing primarily with HTML.

Instead, you were forced to use bizarre js import systems. And at that point you were in JS land. Firefox’s decision not to support HTMLImports in favour of waiting to see what happens with JS killed it.

You can do that. Here's an example Web Component that contains the css, html and javascript:

https://github.com/wisercoder/uibuilder/blob/master/WebCompo...