Github code to Webflow - How do I add it?


I want to use this code from Github in my Webflow site, but I don’t know how to do it.

Please help.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Thank you for looking!

Thank you for looking!

Hey Lana, this is based on Three.js.
You’ll basically need to walk through the code samples and figure out how to reassemble and integrate it into your site, it’s not as trivial as “paste in a library reference.”

I recall Timothy Ricks has some great YouTube videos on Three.js, might be a good starting point to see how he integrates the library. For this extension, you’ll need to learn how it integrates with three, and then how to activate in on the specific images you want to effect.

It looks like a fair bit of code, so you’ll need to find some good CDN links if you’re lucky, or you might need to build your own library as a Github repo and the CDN deliver it into your WF site. I use jsdelivr frequently for that purpose.