Hey everyone! π
I wanted to share an open-source library I've been building and refining called Spotlight.JS .
Why did I build it? I needed a dead-simple, highly customizable way to highlight DOM elements, build guided product tours, or draw user attention to specific UI components without pulling in bloated dependencies or heavy styling frameworks.
Key Features:
π Zero Dependencies: Extremely lightweight and fast.
π― Precise Positioning: Automatic viewport boundary detection, custom offsets, and smooth scrolling.
π¨ Flexible Styling: Easy-to-override classes and smooth backdrop masking.
π§© Interactive Popovers: Built-in support for titles, descriptions, step-by-step navigation buttons, and custom rendering.
Tech Stack / Implementation: Built in vanilla JavaScript/ESM modules, making it framework-agnostic (works seamlessly with React, Vue, Vanilla JS, etc.).
Links:
GitHub Repo: https://github.com/Rahulchaube1/-Spotlight.JS
Iβd love for you to check it out, test it, and let me know what youβ¦