Point it out

A tiny, 🌲tree-shakeable and zero-dependencies JavaScript library to point out DOM elements using absolutely positioned elements or procedurally generated SVGs.

Alexander Vega © 2024 | MIT license | GitHub

Getting started

Installation

Install pointitout from npm:

npm install pointitout

Basic usage

Rect

create('rect', {
    target: '#example',
    strokeColor: "#5896d5",
    strokeWidth: 8,
    round: '20%',
})
#example

Arrow

create('rect', {
  target: '#example2', 
  container: 'main',
  strokeColor: "palevioletred",
  fillColor: "lightpink",
  strokeWidth: 8,
  distance: 20
})
#example

See more options for the create function.