This library shows the position of an element on the page with colors

Installation

using npm

    npm i @fadonougbo/wime

Then

    import {Wime} from "@fadonougbo/wime"

    Wime.showElements()

using cdn

    <script src="https://cdn.jsdelivr.net/gh/Fadonougbo/wime@master/build/src/index.min.js" type="module" defer  ></script>

Usage

Add wime class to element yo want to visually detect

    <p>
        Lorem ipsum dolor  adipisicing elit. Quasi at <span class="wime" >voluptates</span> magni quia 
   </p>

Elements with the wine class will have a box shadow with a random color

You can set the colors to use

    import {Wime} from "@fadonougbo/wime"

    Wime.showElements(["black","#45ff87","tomato","rgb(255,0,255)"])