Replit Agent 3 product launch page

For the launch of Replit’s Agent 3 the team needed a dedicated product page that could match the energy of the release. I worked directly with Replit's marketing team and their design agency to build it in Webflow under a tight deadline, with animations engineered to carry the brand created specifically for Agent 3.

Hero reveal and scroll-driven SVG transitions. One of the core branding concepts was fluid line movement. I built a hero reveal sequence that sets the tone immediately, then carried that motion language throughout the page using scroll-based SVG transitions between sections keeping the visual system coherent as the user moves through the content.

Pixelated type animation. A key branded moment on the page was a custom typewriter-style animation with a pixelated reveal effect, not achievable with standard Webflow interactions. Built with GSAP and custom JavaScript, it became one of the more distinctive visual details of the launch.

Video performance system. Replit produced a large volume of video assets for the launch. Managing that many videos on a single page, including inside sliders with a custom player experience, required a purpose-built loading and playback system to prevent performance degradation and keep the experience smooth across devices.

Swiper JS + GSAP sliders. The design called for multiple sliders with different reveal animations per instance. I integrated Swiper JS and layered GSAP on top for full control over each transition, giving every slider its own animation behavior without duplicating logic.

Launched on schedule despite the compressed timeline. The page delivered the dynamic, product-specific feel Replit needed for a major release, technically solid under the hood, visually sharp on the surface.