Uzo Okafor — Frontend & Webflow Developer

From the Archive: Conceptual animation for the personal website of an independent photographer

#webflow #gsap #frontenddeveloper #madeinwebflow

From the Archives: A behind-the-scenes look before implementing animation. I'll share the finished version next week.

Webflow x GSAP

#webflow #webflowdeveloper #madeinwebflow

One of my favourite dev tricks: a custom CSS grid that mimics Figma’s layout grid. With Shift+G, I can toggle it on/off, keeping layouts perfectly aligned, workflow fast, and designs clean. Works for both custom code + Webflow.

#customcode #webflow #webflowdeveloper #frontenddeveloper

From the Archives: Horizontal Scroll Interaction for an Image gallery built with vanilla JavaScript.

#javascript #webflowdeveloper #webflow #frontenddeveloper

From the Archives: Vanilla CSS/JavaScript-powered Image Gallery Animation.

Design & Motion Credits - Rron Berisha

#webflowdeveloper #webdeveloper #javascript

A screenshot of the Webflow Certified Partner approval email for Uzochukwu Okafor

Been putting this off for months, but finally did it — I’m now a Webflow Certified Partner!

I applied on Feb 18, got approved today, and the process was way smoother than I expected. No back-and-forth, just straight approval.

#Webflow #WebflowDeveloper

It's my pleasure.

Yeah, GSAP already handles GPU acceleration and performance optimizations efficiently in most cases.
However, adding will-change: transform manually in CSS can sometimes help smooth animations, particularly if you notice flickering on some devices.

1. Use transforms, not position/size - they're GPU-accelerated.
2. Set "will-change: transform" sparingly for key elements.
3. Check the DevTools performance tab to find specific bottlenecks.
4. Break complex animations into smaller, non-overlapping chunks.

Ah, performance issues with GSAP can be frustrating!
After using it for years now, there are a couple of things I've learnt (from the GSAP forum and by reading the code of other experienced creative devs) to do to achieve great performance.

Pageload animation (using @gsap-greensock.bsky.social ) for a studio's website.

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

Happy New Week ✨

Sharing this interaction for a Gallery Page concept I built using vanilla #javascript. No frameworks.

Design & Motion Credits - Rron Berisha

#webflowdeveloper #creativewebdeveloper #freelancedeveloper #webflow

Happy New Week ✨

Sharing here again this interaction I built on #webflow using custom #css.

#webflowdeveloper #madeinwebflow #frontenddeveloper #freelancedeveloper #webdeveloper

GreenSock eases with CSS linear() GreenSock eases with CSS linear(). GitHub Gist: instantly share code, notes, and snippets.

I discovered an amazing resource from @jhey.dev : a collection of GSAP custom eases implemented in CSS with the linear() method.

GitHub link: gist.github.com/jh3y/1b3afdf...

Animation is now done for the Archive Page Exploration😍

Done with GSAP.

#frontenddeveloper #webflowdeveloper #gsap #htmlcss #webflow

Simplicity still gets the job done.
Nicely done 👍

Incredible lineup of projects you've got there - top quality.
Wishing you continued success for the year ahead.

Animation is now done for the Archive Page Exploration😍

Done with GSAP.

#frontenddeveloper #webflowdeveloper #gsap #htmlcss #webflow

How's your experience been building with Lumos?

It's always the little details that make all the difference.

Exploration for an Archive Page.

The content is ready. Up next is the fun part - Animation😍(I'll sharing tomorrow).

Design & Motion: Bob Torfs

#webflowdeveloper #madeindeveloper #webflow #creativedeveloper #gsap

You're welcome.

Admire how you maintain a high standard output on all your projects. Inspiring!

The scroll in view animations are really good. Love the timing.

Unless the client clearly states they want the experience on mobile, I typically disable them on mobile. I think they aren't necessary for mobile.

Wow
That's a lot.

For me, 2 multi-page sites is the max I can go. I can do if it's a mix of landing pages and multi-page sites.

How do you ensure you're delivering the best quality across all sites?

Yeah, agree with you.
It's currently a good niche for a solid designer to get into at the moment. They can easily stand out.

Pretty amazing!
Congratulations and wishing you more wins

You rarely see sites in this niche look this good, so kudos to you for making the difference.

Looks good.
Fingers crossed for the launch 🤞🏽 😊

Arranging the scattered grid view with scroll-triggered animation using GSAP.

#webflow #madeinwebflow #gsap #webflowdeveloper