The pixel portrait and scroll motion, recorded on the live site
My Portfolio: Hand-Made Motion That Stays Fast
A lead developer's portfolio has seconds to prove the craft. Mine had to show it, not say it: a dark, editorial site with real motion that never costs speed, and still editable in WordPress.
My role: design, motion and development
Stack: Vite, Three.js, GSAP, Lenis, WordPress and Elementor
Live site: akib.avixdigital.com
A case-study page on a laptop
The challenge
Seconds to make an impression.
Motion usually costs speed.
A custom build is hard to keep editing.
Years of links and rankings on the old URLs.
At a glance: shipping code since 2019, 3 core platforms, about 60 fps
What I built
A Three.js hero portrait that resolves from pixels and breaks apart under the cursor.
Transform and opacity-only animation, Lenis smooth scroll and GSAP ScrollTrigger, with WebGL that renders only while something moves.
Built once in Vite, then shipped to WordPress as an Elementor widget for every section.
The same addresses as the old site for every case study, plus reduced-motion support.
Four problems solved in code: pixel portrait, stacked works, project pages and menu
A portrait that says hi
Every project gets its own page
The result
About 60 fps through a full fast scroll, measured in Chrome.
The static site and the WordPress version stay identical.
Every old URL kept, and accessible by default.
The outcome: hand-made, and still about 60 fps
Just as sharp on a phone
Selected works on a laptop and phone
Want motion like this on your site? Send me a message.
0 likes · 2 views · Nov 9, 2026
My personal portfolio: a Three.js pixel portrait and GSAP scroll motion at about 60 fps, built once in Vite and shipped to WordPress as Elementor widgets.
