Skip to content

AEtoGSAP

by grape design·Workflow

Images © grape design. Used for product review; image policy.

Why we like it

AEtoGSAP earns its place in the Toolfarm library as an export bridge between After Effects and GSAP, turning supported layers into ready-to-run code with HTML and CSS previews. Its clearly stated limits — no effects, expressions, trim paths, or text animators — make the demo video and demo version worth checking before you build around it.

What is AEtoGSAP?

AEtoGSAP is an After Effects extension that exports animations into web-friendly formats such as GSAP. It analyzes selected layers and generates GSAP-ready code, preserving timing, duration, and custom easing from After Effects, where easing is carried over as custom eases.

The extension supports Shape Layers, Text Layers, Nulls, and parenting. Shape work covers ellipse and rectangle size, corner radius, Polystar point count and radius, fill and stroke color, stroke width, dashed lines, and custom paths. Text layers export with font data, alignment, color, and basic transforms, and basic solid layer transforms are handled too. Effects, layer styles, expressions, trim paths, and text animators are not supported.

Alongside the GSAP timeline, AEtoGSAP outputs HTML and CSS files so you can run the export and preview it instantly without additional setup. The GSAP, HTML, and CSS can also be exported separately. A demo version is available to confirm compatibility.

Who is AEtoGSAP best for?

AEtoGSAP is best for after Effects motion designers who need to export supported layers and animations as GSAP-ready code for the web.

How much does AEtoGSAP cost?

AEtoGSAP is completely free to download and use.

Key features

  • Exports After Effects animations as GSAP-ready code, with HTML and CSS files for instant preview
  • Preserves timing, duration, and custom easing from AE, carried over as custom eases
  • Supports Shape Layers, Text Layers, Nulls, and parenting
  • Shape transforms including ellipse and rectangle size, corner radius, and Polystar point count and radius
  • Fill and stroke color, stroke width, dashed lines, and custom paths
  • Text layers with font data, alignment, color, and basic transforms
  • Outputs clean, production-ready GSAP timelines that can also be exported separately from HTML and CSS

Tags

#After Effects#GSAP#web animation#export#motion graphics#HTML#CSS#extension

Frequently asked questions

Which After Effects versions work with AEtoGSAP?

AEtoGSAP supports After Effects 2026, 2025, 2024, and 2023, which are also its stated requirements. If you run one of these versions, the extension can analyze selected layers and export GSAP-ready code along with HTML and CSS files. Before committing, a demo version is available so you can confirm your compositions convert as expected, since only certain layers and properties are supported. Checking against your own project is the surest way to know how it behaves in your setup.

What layers and properties does AEtoGSAP export?

AEtoGSAP handles Shape Layers, Text Layers, Nulls, and parenting, along with basic solid layer transforms. For shapes it covers ellipse and rectangle size, corner radius, Polystar point count and radius, fill and stroke color, stroke width, dashed lines, and custom paths. Text layers carry font data, alignment, color, and basic transforms. Timing, duration, and custom easing are preserved, with easing exported as custom eases. Effects, layer styles, expressions, trim paths, and text animators are not supported, so complex compositions may need adjustment.

How does AEtoGSAP handle easing?

AEtoGSAP preserves timing, duration, and custom easing from After Effects, and easing is carried over as custom eases in the exported GSAP timeline. This applies to the supported layers it can read, including Shape Layers, Text Layers, Nulls, and parented animations. Because it works from what you set in After Effects, the exported motion follows your original keyframes for supported properties. For anything outside the supported feature list, the demo version lets you verify how a specific animation translates before relying on it.

Is AEtoGSAP free?

AEtoGSAP is listed as free here, though licensing can change over time, so check the developer's page for current terms. A demo version is also available, which you can use to confirm that your layers and properties convert correctly, since features such as effects, expressions, trim paths, and text animators are not supported. Running the demo against a real composition is a practical way to see whether AEtoGSAP fits your workflow before you commit to it.

Alternatives to AEtoGSAP

Also in Workflow for After Effects.

Similar plugins