Free and Pro · Entrances
Entrance animations
Every animation AnimateGL plays when an element scrolls into view: WebGL and CSS in the free plugin, and the Shapes and Fade packs in Pro. Click a direction to try it, click a tile to replay, and click the classes to copy them.
Free · WebGL
WebGL animations
Drawn with custom GLSL shaders: gradient fades with 2D and 3D transforms that bend, peel and flip the element like paper. They work on images and on any HTML element, and fall back to the element as it is where WebGL isn’t available.
Free · CSS
CSS animations
Hardware accelerated combinations of opacity, transform and clip-path. Ideal for text, buttons and whole sections.
Pro Shapes & Fade packs
31 more presets, included
Pro includes the Shapes and Fade packs: clip-path reveals in squares, circles and lines, and WebGL fades from corners, circles, light and dark.
Make them your own
Every animation has a duration, delay, distance and easing, can repeat, or can follow the scrollbar instead of a timer. Set them in the block sidebar, in Elementor or as classes, and design your site’s default animation in the Animation Editor.
Free download
The WebGL and CSS animations are free on WordPress.org. The Shapes and Fade packs come with AnimateGL Pro.