Replit Agent 3 product launch page

For the launch of Replit’s Agent 3 product, I developed a dedicated Webflow page under a very tight deadline. I worked closely with the Replit team and design agency they hired to deliver the page in just a several days.

The landing page required a dynamic layout with animations that matched the product’s innovative feel and branding created specifically for Agent 3.

One of the core branding concepts was line movements, so I added smooth scroll based SVG transitions between sections to carry that theme throughout the page.

Replit also produced a large volume of marketing assets for the launch, many of them videos. To avoid performance issues, I built a robust system to optimize loading and playback, including handling videos inside a slider with a tailored custom video player experience.

The design also called for multiple sliders with different reveal animations. To handle these, I integrated Swiper JS and combined it with GSAP for animation.

Another key challenge was building a custom type animation with a pixelated effect. I solved this using GSAP and custom JavaScript, creating a unique branded animation.

Despite the tight timeline, the page launched on schedule with a dynamic, branded experience that aligned seamlessly with Replit’s product vision.