rough-notation VS Mo.js

A quick look through the source brought me to https://roughnotation.com/

Also see RoughNotation <https://roughnotation.com/>, which uses RoughJS to support underlines, highlights etc.

I took some inspiration for my website (mouse over any highlighted title) <https://muxup.com/>. The write-up here aims to summarise how it works https://muxup.com/2022q3/muxup-implementation-notes#randomly... - if you click through you'll see it's really very little code.

I used an npm package called Rough Notation React. They have the demos here - https://roughnotation.com/

🎨 Design tip: Even though Delba’s website is fairly minimal, she sparks joy in the user with delightful highlighter animation using a JavaScript library called Rough Notation.

10. Rough Notation

Do also check out the other cool roughjs creations (https://github.com/rough-stuff), such as annotations (rough-notation: https://github.com/rough-stuff/rough-notation) and html elements (wired-elements: https://github.com/rough-stuff/wired-elements).

Shameless plug: I also created a dataviz library that uses roughjs under-the-hood: https://github.com/jwilber/roughViz

- https://github.com/rough-stuff/rough-notation

One comment: some items aren’t rendering properly on my safari (eg checkboxes)

I used [Rough notation](http:// https://roughnotation.com/) for the highlights..not sure I get your second question tho.

Mo.js is a potent and adaptable JavaScript animation library with a straightforward API and browser support. It's distinguished by its high-performance animations and density-independent effects, ensuring outstanding visual quality on any device. Mo.js provides extensive tools for animation creation, including Player for animation control, Curve Editor, and Timeline Editor for custom easing and editing.

mojs.github.io

Javascript touch events paired with WebGL would be the route I’d go. There are some really great libraries for WebGL (twojs) or working with SVG (mojs) if you want to keep it simple

13. mo.js

d)MoJS

I've looked around and found Mo.js which seems super cool, but it doesn't look like animations can be exported as a video? I want to avoid having to screen record if I can because I feel like the video quality is never as good as had it been directly exported.

Animation. You are creative, and you want your site to grab users' attention at first sight. JavaScript is there for you. With modern frameworks and libraries, such as Three.js,Anime.js,Mo.js any imaginable animation is possible.