Building Scalable, High-Conversion Websites with GSAP & JavaScript
Helped Mura launch and scale to $6M
Portfolio: https://contra.com/uzochukwu_okafor
For this project, I focused heavily on a component-based setup in Webflow. The nav, footer, accordion and most sections were all built as flexible components inside a solid design system.
Live site: mura.co
For this project, I focused heavily on a component-based setup in Webflow. The nav, footer, accordion and most sections were all built as flexible components inside a solid design system.
Live site: mura.co
Mura came out of stealth with $6M in funding earlier this year, so the site needed to feel sharp, clear, and dependable from day one. I handled the build with Webflow and GSAP.
Mura came out of stealth with $6M in funding earlier this year, so the site needed to feel sharp, clear, and dependable from day one. I handled the build with Webflow and GSAP.
This section of the build reuses the rotating carousel component from the hero, along with the line-reveal text animation I set up as a small GSAP utility. The footer was also built with the same focus on clean structure and easy upkeep
This section of the build reuses the rotating carousel component from the hero, along with the line-reveal text animation I set up as a small GSAP utility. The footer was also built with the same focus on clean structure and easy upkeep
For the text reveals, I built a small GSAP utility that triggers when I attach a js-line-animation attribute in Webflow. It made the whole interaction easy to reuse and kept the setup organised.
For the text reveals, I built a small GSAP utility that triggers when I attach a js-line-animation attribute in Webflow. It made the whole interaction easy to reuse and kept the setup organised.
Built with Webflow & GSAP
Live site: www.share.inc
#webflow #gsap #webflowdeveloper
Built with Webflow & GSAP
Live site: www.share.inc
#webflow #gsap #webflowdeveloper
#webflow #gsap #frontenddeveloper #madeinwebflow
#webflow #gsap #frontenddeveloper #madeinwebflow
Webflow x GSAP
#webflow #webflowdeveloper #madeinwebflow
Webflow x GSAP
#webflow #webflowdeveloper #madeinwebflow
#customcode #webflow #webflowdeveloper #frontenddeveloper
#customcode #webflow #webflowdeveloper #frontenddeveloper
#javascript #webflowdeveloper #webflow #frontenddeveloper
#javascript #webflowdeveloper #webflow #frontenddeveloper
Design & Motion Credits - Rron Berisha
#webflowdeveloper #webdeveloper #javascript
Design & Motion Credits - Rron Berisha
#webflowdeveloper #webdeveloper #javascript
If you watch until the end, you'll have the opportunity to see a grid system I created using #CSS, which helps me match Figma designs when building a site.
#webflow #webflowdeveloper #webanimation #gsap #javascript
If you watch until the end, you'll have the opportunity to see a grid system I created using #CSS, which helps me match Figma designs when building a site.
#webflow #webflowdeveloper #webanimation #gsap #javascript
Sharing this interaction for a Gallery Page concept I built using vanilla #javascript. No frameworks.
Design & Motion Credits - Rron Berisha
#webflowdeveloper #creativewebdeveloper #freelancedeveloper #webflow
Sharing this interaction for a Gallery Page concept I built using vanilla #javascript. No frameworks.
Design & Motion Credits - Rron Berisha
#webflowdeveloper #creativewebdeveloper #freelancedeveloper #webflow
Sharing here again this interaction I built on #webflow using custom #css.
#webflowdeveloper #madeinwebflow #frontenddeveloper #freelancedeveloper #webdeveloper
Sharing here again this interaction I built on #webflow using custom #css.
#webflowdeveloper #madeinwebflow #frontenddeveloper #freelancedeveloper #webdeveloper
Done with GSAP.
#frontenddeveloper #webflowdeveloper #gsap #htmlcss #webflow
Done with GSAP.
#frontenddeveloper #webflowdeveloper #gsap #htmlcss #webflow
The content is ready. Up next is the fun part - Animation😍(I'll sharing tomorrow).
Design & Motion: Bob Torfs
#webflowdeveloper #madeindeveloper #webflow #creativedeveloper #gsap
The content is ready. Up next is the fun part - Animation😍(I'll sharing tomorrow).
Design & Motion: Bob Torfs
#webflowdeveloper #madeindeveloper #webflow #creativedeveloper #gsap
#webflow #madeinwebflow #gsap #webflowdeveloper
#webflow #madeinwebflow #gsap #webflowdeveloper
Design & Motion: Ivan Gorbunov
#webflowdeveloper #frontenddeveloper #webanimation #frontenddeveloper #freelancedeveloper #webflow #madeinwebflow
Design & Motion: Ivan Gorbunov
#webflowdeveloper #frontenddeveloper #webanimation #frontenddeveloper #freelancedeveloper #webflow #madeinwebflow
What makes this special?
Accessibility-first approach: The animation respects users with prefers-reduce-motion set to "reduce.
#webflow #creativedeveloper #frontenddeveloper #webanimation
What makes this special?
Accessibility-first approach: The animation respects users with prefers-reduce-motion set to "reduce.
#webflow #creativedeveloper #frontenddeveloper #webanimation
The TOC helps users easily navigate through longer blog posts. It’s fully custom-built using vanilla JavaScript
#madeinwebflow #webdevelopment #webflowdevelopment
The TOC helps users easily navigate through longer blog posts. It’s fully custom-built using vanilla JavaScript
#madeinwebflow #webdevelopment #webflowdevelopment
Inspired by Femi Dasilva🫡
Available for new work: uzochukwuokafor01@gmail.com
#webflowdeveloper #webdeveloper #htmlcssjavascript #gsap
Inspired by Femi Dasilva🫡
Available for new work: uzochukwuokafor01@gmail.com
#webflowdeveloper #webdeveloper #htmlcssjavascript #gsap
Inspired by Kamil Lesniak🫡
Available for new work: uzochukwuokafor01@gmail.com
#webflow #webflowdeveloper #gsap #freelancewebdeveloper
Inspired by Kamil Lesniak🫡
Available for new work: uzochukwuokafor01@gmail.com
#webflow #webflowdeveloper #gsap #freelancewebdeveloper