Freemius

sitionwp

Animatikon is a powerful Gutenberg block plugin that brings professional-grade motion design to your website without writing a single line of code. It allows you to visually orchestrate stunning scroll-triggered MotionFX, dynamic background and text color transitions, animated SVG borders, and immersive reveal effects. Animatikon provides all the tools needed to create high-end interactive experiences directly in the WordPress block editor.
Visit <a href="https://animatikon.com" rel="nofollow ugc">animatikon.com</a> to see a live <a href="https://animatikon.com" rel="nofollow ugc">DEMO</a> of the plugin’s possibilities and explore what you can achieve with Animatikon.
Key Features:
<ul>
<li>MotionFX: Add scroll animations to any block.</li>
<li>Reveal Content: Reveal elements as they enter the viewport using animated shapes.</li>
<li>Scroll Slider: Create sliders that sync with your scroll. (Pro feature demonstration)</li>
<li>Background Shapes: Add dynamic, animated shapes to your section backgrounds.</li>
<li>Background Colors: Create smooth color transitions for backgrounds triggered by scroll.</li>
<li>Animated Borders: Enhance your designs with animated SVG borders for any block.</li>
<li>Smooth Scrolling: Enable buttery smooth scrolling for your entire site.</li>
</ul>
Why Upgrade to Pro? 
Animatikon Pro unlocks the full potential of your motion designs with features like: 
* Scroll Synchronization: Link animations directly to the scrollbar for precise control. 
* 3D Effects: Motion Z and 3D rotations for deep, immersive experiences. 
* Visual Filters: Animate Blur and Brightness on scroll. 
* Pinning: Keep elements in place while others move. 
* All Shapes & Positions: Access the full library of SVG shapes and all placement options. 
* Professional Easing: Fine-tune motion with advanced easing options (In/Out/Both). 
* Stack Block: The tool for layered animations.

Animatikon – Scroll Animations & Motion Effects

Create professional animations, scroll effects, and dynamic backgrounds visually in the block editor.

snagysandor

Parallax Scrolling Effect by Enllax.js
An ultra-lightweight and super easy to use plugin for applying parallax scrolling effect to any scrolling element. You can set parallax scrolling effects to background elements, and also in both directions (vertically or horizontally)
<a href="https://nagysandor.org/enllax-js-demo" rel="nofollow ugc">Demo</a>
Shortcode example
With external image: 
[enllax xclass=”enllax” offset=”0″ direction=”horizontal” speed=”0.8″ img=”image url”] 
Your content. 
[enllaxend]
With internal image (featured image and content): 
[enllax_post postid=”1″ xclass=”enllax” offset=”0″ direction=”horizontal” speed=”0.8″]
xclass: CSS class name (default: enllax) 
offset: background offset in pixel (default: 0) 
direction: vertical (default) or horizontal 
speed: to allow background image to move with different speed, just use a data attribute with a numeric value as a multiplier for scrolling speed, less is slower and 1 is normal (default value: 0.5) 
img: Parallax background image url

Animatikon – Scroll Animations & Motion Effects vs Parallax Scrolling Enllax.js