THE COMPLETE SPECIMEN

Every effect.
Nothing hidden.

Hand-drawn arrows and notes for inline content. Pick a direction, add a colour, ship it.

<span class="ann ann-n ann-blue" data-note="your note">target</span>

Eight directions

ann-{direction}

↖NW

↑N

↗NE

←W

→E

↙SW

↓S

↘SE

8ways to point

ann-{color}

importantdefault

importantamber

importantblue

importantgreen

importantred

importantpurple

importantrainbow

small classes, big range

Highlight onlyann ann-amber

Make the important part visible.

No target markann-no-mark

Status: stable

Custom colour--ann-color

This feels very custom.

Nested notesnest annotations

one target

Long note--ann-label-max-width

Built for real sentences.

Position tuning--ann-arrow-x / y

Nudge the small details.

Label rotation--ann-rotate

Make it feel more alive.

Rainbow animationann-rainbow

One class gets all the colours.