Weavy components are just regular HTML elements, or custom elements to be precise, and you can use them like any other HTML element by adding them directly to your HTML (web components cannot be self-closing so you should always add a closing tag).


You can also create components with JavaScript and manually add them to the DOM.

const messenger = new WyMessenger();

The container you place the component in should have a defined size (for example width and height), otherwise the component might not be visible since it adapts to the size of the container.

Building blocks

The following components are the most commonly used and are described in more detail on their respective reference documentation page.