Main Hero Magic to highlight yourself!

no dependencies, works with animated elements, simple api,
typescript, modern, can highlight multiple elements

Get started
            const boxOverlay = new BoxOverlay()

            let currentIndex = 0

            const selectors = [
              ['.example-element1'],
              ['.example-element2'],
              ['.example-element3'],
              ['.example-element1', '.example-element2'],
            ]

            setInterval(() => {
              currentIndex+=1
              currentIndex = currentIndex >= selectors.length ? 0 : currentIndex
            
              boxOverlay.clear()

              selectors[currentIndex].forEach(boxOverlay.add)
            }, 3000)