Web Components Docs Examples Github Docs Examples Github

Web Components

Standardised Reusuable Components For The Web

Learn More

New Standard

It's an awesome work in progress!

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatum porro, sapiente quos unde soluta voluptatem molestias! Quo totam eaque laudantium nulla doloremque, aspernatur magnam odit! Qui fuga placeat corporis veritatis.

Clean

No framework for custom components

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatum porro, sapiente quos unde soluta voluptatem molestias! Quo totam eaque laudantium nulla doloremque, aspernatur magnam odit! Qui fuga placeat corporis veritatis.

Reusuable

Share it with other developers

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatum porro, sapiente quos unde soluta voluptatem molestias! Quo totam eaque laudantium nulla doloremque, aspernatur magnam odit! Qui fuga placeat corporis veritatis.


Why use Web Components?

No need for a custom framework, built in

Templates

Reusuable Content

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatum porro, sapiente quos unde soluta voluptatem molestias! Quo totam eaque laudantium nulla doloremque, aspernatur magnam odit! Qui fuga placeat corporis veritatis.

Shadow DOM

Encapsulation

Allows for encapsulation. You can think of shadow DOM as a scoped subtree inside your element. Allows you to hide the implementation of the custom element from other users The difference is that none of the code inside a shadow DOM can affect anything outside it, allowing for handy encapsulation.

Slots

Render User Content

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatum porro, sapiente quos unde soluta voluptatem molestias! Quo totam eaque laudantium nulla doloremque, aspernatur magnam odit! Qui fuga placeat corporis veritatis.