Story: Advanced interactive website

Webflow was developed for a web designer who does not have strong coding knowledge. If you become an intermediate, you can emulate whatever you see on the internet, Apple, Samsung, Tesla, or design agencies.

Even so, for some interaction, I cannot do it. If I can figure out which Java Script is, I embed JS. It’s quicker than creating by Webflow. Therefore, I collect popular JavaScript libraries for the next Webflow project.

Update: December 11, 2023

I created a prototype for a client and mentioned some interactions on Figma. However, the programmer did not understand sticky interaction. In response, I developed sticky interaction on Webflow. While researching on YouTube, I found that Timothy Ricks was using GSAP for scroll interaction. It is possible that he does not use JS, I assume. However, it is nice to utilize the full Webflow potential with JS. I wrote this blog a while ago and have recently updated it.

What is Webflow?

🌎 Webflow: The Web Development Platform Of The Future

Anime.js

anime.js: JavaScript animation engine

GSAP 3

GSAP 3 Is Available Now! – Blog – GreenSock

GreenSockLearning: Introducing ScrollTrigger for GSAP

GreenSockLearning: Getting Started with GSAP 3

DesignCourse: GSAP 3.0 Crash Course – JavaScript Animation Library

Do Webflow users need this?

Three.js

Three.js – JavaScript 3D library

DesignCourse: Getting Started with THREE.JS in 2021!

Traversy Media: Getting Started With Three.js

DesignCourse: Three.js Crash Course for Absolute Beginners – 3D in the Browser

PixiJS

PixiJS: The HTML5 Creation Engine

reveal.js

reveal.js is an open source HTML presentation framework

particles.js

Particles.js: A lightweight JavaScript library for creating particles

Timothy Ricks: Adding Interactive Particles to Your Webflow Site

Chart.js

Chart.js: Simple yet flexible JavaScript charting for designers & developers

Video.js

Video.js: Make your player yours

Howlar.js

Howler.js: Audio library for the modern web.

Conclusion: Curiosity, desire and timing

I think a lot of Webflow user, like me, avoids JS and PHP. I tried to learn coding by Lynda.com, but I dropped out. Not only one time. It’s really bored to me.

That said, I bought JS and PHP course on Udemy.com a while ago. I have an curiosity as well as desire to overcome my weakness. I believe the time will have come in the future. Just not now.

Reference:

flowbase: Webflow assets & guides
Webflow University: What do you want to learn today?
Forbes: Webflow Integrates Code-Free E-Commerce Tools Into Its Web Design Suite
Digital.com: Webflow Review – What makes this website builder so different?