declarative-shadow-dom

Custom Element to create Shadow DOM in a declarative manner

Ever wanted declarative syntax for Shadow DOM?
Scoped CSS without JS magic?
Confused that `#shadow-root` is used in tutorials and dev tools, but does not work in actual HTML?
Or just felt jealous, that spec editors can use this syntax and you cannot?

Check the source of this page. Now, you can simply do:

<anyelement>
    <template is="declarative-shadow-dom">
        Shadow Content here
        <slot></slot>
    </template>
    Light DOM content here
</anyelement>

For more check the Declarative Shadow DOM Spec proposal and README.md