This feature is in AnimateGL Pro. See AnimateGL Pro.
My animations is a library of animations you design and save yourself. You pick them like any preset.
Save an animation
- Open the AnimateGL page and click the Editor tab.
- Design the animation in the Animation Editor.
- Under My animations, type a name, for example “Hero intro”.
- Click Save editor settings as new animation.
The table lists each animation with its name, CSS class and type (CSS or WebGL).
Use a saved animation
- Block editor: pick it from the My animations group in Entrance Animation.
- Elementor: pick it from the My animations group in the AnimateGL section.
- CSS classes: add its class, for example
agl agl-my-hero-intro. - Site-wide rules: pick it as a rule’s animation. See Site-wide rules.
A saved animation has no directions. The Animations tab shows your saved animations under the My animations filter.
Manage them
- Load into editor: opens it in the editor.
- Update from editor: replaces it with the editor’s current settings.
- Rename: changes the name. The CSS class stays the same, so blocks that use it keep working.
- Duplicate: saves a copy.
- Delete: removes it. Blocks that use it go back to the default animation.
Move them to another site
Click Export all to download your animations as a JSON file. On the other site, click Import and choose the file. Imported animations keep their classes, so blocks moved between sites keep working. Invalid animations in the file are skipped.