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.

Peter Joseph K. Roderickson

Hísi Anim adds smooth, modern scroll animations to any WordPress site — without bloat, without jQuery and without writing a single line of code. Pick an effect, and your headings, images, containers and sections animate beautifully as the visitor scrolls.
It is built for page builders: Elementor (classic and the new V4 atomic elements) and Bricks get native controls baked right into the editor, and any other builder — Gutenberg (block editor), Oxygen, Beaver Builder or your own theme — works too by simply adding a CSS class.
Hísi Anim combines two complementary techniques so you get the best of both worlds:
<ul>
<li>Entrance effects — scroll-driven animations built on the modern CSS <code>animation-timeline: view()</code>. They progress as you scroll, tying the motion to the reading pace for a premium, high-end feel.</li>
<li>Reveals — triggered once when the element enters the viewport (IntersectionObserver), perfect for clean, one-shot entrances.</li>
</ul>
You can even combine one Entrance effect with one Reveal on the same element and both play together, elegantly.
<h4>Why Hísi Anim</h4>
<ul>
<li>Truly lightweight & fast — pure vanilla JavaScript, no jQuery and no heavy libraries. Supporting browsers load nothing extra.</li>
<li>No code required — choose effects from a dropdown in Elementor and Bricks; everywhere else, add a class.</li>
<li>See it while you build — a live preview of the selected animation right inside the editor panel, plus animations that play on the canvas.</li>
<li>Accessible by default — fully respects the visitor’s <code>prefers-reduced-motion</code> setting.</li>
<li>Works everywhere — modern CSS where supported, with an automatic polyfill for browsers like Firefox, loaded only when needed.</li>
</ul>
<h4>Animations included</h4>
Entrance effects (scroll-driven): Blur (vertical, left, right), Scale, Background zoom, Parallax, 3D rotate, Dim to light, Skew and Horizontal drift.
Reveals (on viewport entry): Blur up, Scale in, 3D tilt, Drift, Line reveal and Clip-path reveals (top, right, bottom, left).
<h4>Native Elementor controls</h4>
A dedicated Hísi Anim section is added to every element:
<ul>
<li>Classic widgets (Editor V3): under the Advanced tab — entrance effect, reveal and reveal duration.</li>
<li>Atomic elements (Editor V4): under the General tab — same controls, native to the new atomic widgets.</li>
</ul>
<h4>Native Bricks controls</h4>
A Hísi Anim control group on every Bricks element, with its own icon in the Style tab and in the element quick-access bar — entrance effect, reveal and reveal duration.
<h4>Any other builder (Gutenberg, Oxygen, Beaver Builder…)</h4>
Add the classes to the element’s “CSS classes” field:
<ul>
<li>Base class (required): <code>hisi-anim</code></li>
<li>Entrance effects: <code>ha--scrollBlur</code>, <code>ha--scrollBlurLeft</code>, <code>ha--scrollBlurRight</code>, <code>ha--scrollScale</code>, <code>ha--scrollZoom</code>, <code>ha--scrollParallax</code>, <code>ha--scrollRotate</code>, <code>ha--scrollDim</code>, <code>ha--scrollSkew</code>, <code>ha--scrollDriftX</code></li>
<li>Reveals: <code>ha--blurUp</code>, <code>ha--scaleIn</code>, <code>ha--tiltIn</code>, <code>ha--drift</code>, <code>ha--lineReveal</code>, <code>ha--clipPathRight</code>, <code>ha--clipPathLeft</code>, <code>ha--clipPathTop</code>, <code>ha--clipPathBottom</code></li>
<li>Reveal duration: <code>data-anim-time="1.2"</code> attribute</li>
</ul>
<h4>Built for page builders</h4>
The engine detects elements injected dynamically (MutationObserver) and includes robust fallbacks, so animations trigger reliably even when the builder re-renders the page or IntersectionObserver doesn’t fire on first paint.
<h3>Credits</h3>
This plugin bundles the scroll-timeline polyfill by Robert Flack (https://github.com/flackr/scroll-timeline), licensed under the Apache License 2.0, used to support scroll-driven animations in browsers without native <code>animation-timeline</code> support.

Hísi Anim – Scroll Animations for Elementor, Bricks & Gutenberg

Lightweight scroll animations and reveal effects for Elementor, Bricks and any builder. Parallax, blur, clip-path reveals and more — no jQuery.

Animatikon – Scroll Animations & Motion Effects vs Hísi Anim – Scroll Animations for Elementor, Bricks & Gutenberg