AEtoGSAP

After Effects · grape design

AEtoGSAP is an After Effects extension that exports supported layers and animations to GSAP code, providing HTML and CSS files for immediate web preview while preserving timing, duration, and custom easing.

WorkflowLAST UPDATED: 2026-02-09

Download AEtoGSAP ↗

Developed by grape design.

Cover unavailable
Cover not available yet

About AEtoGSAP

AEtoGSAP is an After Effects extension that exports animations to web-friendly GSAP code. It analyzes selected layers and generates a GSAP timeline, preserving timing, duration, and custom easing as custom eases. Supported layer types include Shape Layers, Text Layers, Nulls, and parenting, with shape features such as 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 font data, alignment, color, and basic transforms; basic solid layer transforms are also handled. Effects, layer styles, expressions, trim paths, and text animators are not supported. The extension also creates HTML and CSS files for instant preview, and each output can be exported separately. A demo version is provided for compatibility testing.

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

Best for

After Effects motion designers who need to export supported layers and animations as ready-to-run GSAP code for web projects.

Frequently asked questions

Which After Effects versions work with AEtoGSAP?

AEtoGSAP supports After Effects versions 2023, 2024, 2025, and 2026, matching its stated compatibility requirements.

What layers and properties does AEtoGSAP export?

The extension exports Shape Layers, Text Layers, Nulls, and parenting, including shape properties like size, corner radius, Polystar details, fill and stroke colors, stroke width, dashed lines, and custom paths, as well as text font data, alignment, color, and basic transforms. Basic solid layer transforms are also handled; effects, layer styles, expressions, trim paths, and text animators are not supported.

How does AEtoGSAP handle easing?

AEtoGSAP retains the timing, duration, and custom easing defined in After Effects, converting easing into custom eases within the exported GSAP timeline for supported layers.

Is AEtoGSAP free?

AEtoGSAP is listed as free, though licensing terms may change; consult the developer’s page for current information.

Related plugins

Explore AEtoGSAP

View download and installation options.

Download AEtoGSAP ↗