What's this?

Support: Chrome 25 supports ShadowDOM natively. Chrome 26 supports <template>.

A Shadow DOM polyfill is used for browsers that do not support it natively.

ShadowDOM Visualizer

This tools allows you to visualize how Shadow DOM renders in the browser. Both code blocks on the left are editable. Try changing the <content> insertion points, removing, or adding new ones to see how the composited tree is affected. You can also move over the nodes on the right to highlight the relevant markup on the left.



Title: Digital Jedi
Not selected

footer text