Minimalist Kinetic Hero Text Reveal

About the project

I’m building a new marketing site for Easycommerce and need a specialist to perfect the kinetic hero. The hero loads with a line-by-line masked text reveal, sits over a dark electric-blue palette, and eventually pairs with an abstract AI-inspired 3D visual that drifts gently with parallax. The overall art direction is already set; what I’m missing is a rock-solid, minimalistic animation implementation that feels effortless and stays at a smooth 60 fps. Tech on the project is React, Framer Motion, Lenis for momentum scrolling, and FastAPI on the back end. Your piece will slot straight into this stack, so a clean, component-based approach is essential. I’m aiming for code that can be tweaked quickly (copy changes, timing tweaks) without unraveling the masking logic. Acceptance criteria • The masked text reveals one line at a time on initial load, fully controllable via React props. • Animation syncs flawlessly with Lenis scrolling—no stutter, no jank. • Works across modern evergreen browsers and degrades gracefully if WebGL is unavailable. • Source is well-commented and delivered as a self-contained component ready for Git merge. If you’ve built similar reveal animations with Framer Motion (or a lightweight alternative) and care about pixel-perfect polish, let’s talk.

Skills required