Animentor – Lottie & Bodymovin for Elementor
An unofficial WordPress plugin to add a Lottie widget to the Elementor Page Builder. Features Intuitive UI, everything is configurable directly within Elementor, through the widget’s controls Manage and re-use animation data JSON files through the WordPress Media Library Works with the latest version of Elementor (does not require Elementor Pro) Includes several animation options, allowing you to customize: The speed of the animation Whether to autoplay on page load Whether to loop or play once Whether to play reversed Whether to play on mouse over Whether to stop, pause, or reverse on mouse out Includes several styling options, allowing you to customize: The dimensions (width and max width) with responsive controls Opacity, CSS filters, borders, and box shadow! Setup tutorial
Top keywords
- whether5×4.10%
- elementor4×3.28%
- animation3×2.46%
- play3×2.46%
- allowing2×1.64%
- controls2×1.64%
- customize2×1.64%
- includes2×1.64%
- includes several2×1.64%
- mouse2×1.64%
- options2×1.64%
- options allowing2×1.64%
Scroll Animations for Blocks
Scroll Animations for Gutenberg allows you to add smooth scroll animations to any block in the WordPress editor. Each block can be configured with its own animation settings, including threshold, duration, and delay. Features Add scroll animations to any Gutenberg block Customizable animation settings per block: Enable/disable animation Threshold (when the animation triggers) Duration (how long the animation lasts) Delay (when the animation starts) Lightweight and performance optimized Uses Intersection Observer API for smooth performance Usage Edit any post or page with the WordPress editor Select any block In the block settings sidebar, look for the “Scroll Animation” panel Enable the animation and adjust the settings as needed: Threshold: When the block should start animating (0-1) Duration: How long the animation should last (0-5000ms) Delay: When the animation should start (0-5000ms) Development This plugin uses @wordpress/scripts for development. To get started: Clone the repository Run npm install Run npm run start for development Run npm run build for production build Requirements WordPress 5.0 or higher Modern web browser with Intersection Observer API support License GPL v3 or later Author Simply Dev
Top keywords
- animation10×5.43%
- block7×3.80%
- run5×2.72%
- scroll4×2.17%
- settings4×2.17%
- wordpress4×2.17%
- animations3×1.63%
- delay3×1.63%
