How to add Paper.js to Webflow

Hi! I want to add this mouse effect (Paper.js – CHAIN) to my site but I don’t know what part of code I have to take and put to Webflow. Help me, please.

http://paperjs.org/examples/chain/

1 Like

Hi @Sabina_Bystrevskaya, welcome.

I created a demo project you can look at that shows an example of how to do this.

Here is the published demo → https://paperjs-1c2b1f.webflow.io/

Here is the read-only project.

https://preview.webflow.com/preview/paperjs-1c2b1f?utm_source=paperjs-1c2b1f&preview=44149195450626ee6c49829016b78ec5

2 Likes

Thank you so much!!!

Hey Jeff, run into weird issue with paperjs here. It looks like that after activating library and creating canvas with embed the interactions in Webflow simply stop working. Crazy but that’s how it is. Do you have any idea why would that happen at all?

Sorry Alex, I don’t offhand. I would need to spin up a test and check. Will ping you if isolated.

Sure, no pressure. It’s just I was really surprised to see a library make entire WF IX system fail.

A missing tag in the demo was causing an issue. It was addressed in the demo. Reminding myself to always double check after copy paste operations.

1 Like

Greate demo :grinning: