We have a freeform gradient animation designed in Adobe After Effects that we'd like to replicate or embed onto a banner section of our Webflow site. The goal is to bring the same animated effect to the web—ideally lightweight, responsive, and smooth.

What We Need:

• Translate or re-create the gradient animation using code or export methods suitable for web (e.g., Lottie, WebGL, CSS/SVG animation, or canvas-based approach—open to best method).

• Implement it into a specific section of our Webflow site (we'll provide access).

• Animation should either loop or have a subtle continuous feel, as per the original motion.

Assets Provided:

• Reference animation - After Effects file

• Webflow access and section details

Open To:

• Any coding or animation technique that keeps the effect lightweight and visually consistent with the original

• Suggestions on the best implementation method

• Translate or re-create the gradient animation using code or export methods suitable for web (e.g., Lottie, WebGL, CSS/SVG animation, or canvas-based approach—open to best method)
• Implement it into a specific section of our Webflow site (we'll provide access)
• Animation should either loop or have a subtle continuous feel, as per the original motion
• Reference animation - After Effects file
• Webflow access and section details
• Any coding or animation technique that keeps the effect lightweight and visually consistent with the original
• Suggestions on the best implementation method

• The goal is to bring the same animated effect to the web—ideally lightweight, responsive, and smooth