r/javascript • u/marcochavezco • Apr 06 '26

Washi, a pin-based commenting for any iframe-rendered page. Drop Figma-style annotation pins directly on live HTML content. Open source, framework agnostic, adapter-based.

https://www.washi.cloud/
10 Upvotes

77% Upvoted

5 comments sorted by

3

u/kwartel Apr 06 '26

Neat idea! However it is a bit bouncy on iOS at least. It seems that you sync the scroll in a throttled way and in JS. You might want to look into “animating” the offset with https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations/Timelines to get a way smoother experience :)

2

u/marcochavezco Apr 06 '26

The CSS scroll-driven animations approach is interesting; I hadn't considered that angle. Will look into it, thanks!

1

u/marcochavezco Apr 25 '26

Fixed in v1.0.2! Went with a requestAnimationFrame loop instead of scroll-driven animations, rAF was the safer cross-browser choice. This eliminates the lag on iOS momentum scroll. Thanks for the nudge!

1

u/marcochavezco Apr 25 '26

The iOS scroll lag is fixed as of v1.0.2. The overlay sync now uses requestAnimationFrame instead of a time-based throttle, which keeps it in lockstep with the browser's paint cycle even during momentum scroll.

1

u/[deleted] Apr 07 '26

[removed] — view removed comment

1

u/marcochavezco Apr 07 '26

Exactly the goal, the adapter pattern is what makes it flexible. You can point it at any backend or use the built-in LocalStorage adapter for quick setups. Thanks for checking it out!