rough-notation VS locomotive-scroll

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.

Locomotive Scroll is a JavaScript library that creates smooth scrolling effects on web pages. It enables programmers to produce visual effects where different elements on a page scroll at different rates to give the impression of depth and dimension. The speed at which elements scroll can also be changed, and easing effects can be added. Locomotive Scroll is a great option because it is lightweight, flexible, and simple to use.

I'm not talking about anchor scrolling, I've found some plugins but they were all deprecated/didn't work. Does anyone know any scroll plugins that work for latest Angular, something like this: https://locomotivemtl.github.io/locomotive-scroll/

it looks like they are using locomotive scroll: https://github.com/locomotivemtl/locomotive-scroll

Once the command above is done installing all of the required files, install the locomotive scroll library using the command below.

I want to add 3D animations to my wordpress project the same as in this website https://vos9x.com/ , I figured out that they are using locomotive js library. Any tips,tutorial or video on how to use it in my wordpress custom theme project , I tried to follow up with https://github.com/locomotivemtl/locomotive-scroll I dowloaded the files and enqueued the script but it doesn't work .

This article will take a look at the react-locomotive-scroll package, or Locomotive Scroll as we’ll call it, a library for handling and creating different scroll animations in React.

I’ve used LocomotiveScroll before and I know for sure it will behave like that.