AEtoGSAP
Developer: grape design
Exports After Effects shape and text animations as GSAP code with HTML and CSS preview files.
What AEtoGSAP does
AEtoGSAP, from grape design, is an After Effects extension that turns finished animations into code for the web. Rather than rebuilding motion by hand in a browser, you export supported layers and get a GSAP timeline along with HTML and CSS files you can open immediately to check the result.
Timing, duration and custom easing carry over from the composition, and parenting is respected. Shape layers, text layers and nulls are supported, including rectangles, ellipses, polystars, fills, strokes, dashes, custom paths and text styling. Motion designers who hand animations to front-end developers can use it to deliver clean timelines, and the timeline can also be exported separately from the markup files.
Key features
- Outputs GSAP timelines plus HTML and CSS preview
- Carries over timing, duration and custom easing
- Handles shape layers, text layers, nulls and parenting
- Supports fills, strokes, dashes and custom paths
FAQ
Is AEtoGSAP free?
Yes, AEtoGSAP is free. Click the Download Free button on this PluginDex page to get it at no cost.
Which apps does AEtoGSAP work with?
AEtoGSAP works with After Effects.
Who develops AEtoGSAP?
AEtoGSAP is developed by grape design. You can find their other plugins on the grape design page of this catalog.
Where can I download AEtoGSAP?
Download AEtoGSAP free from this PluginDex page using the Download Free button. You get free access without paying.