Title: Hísi Anim – Scroll Animations for Elementor, Bricks & Gutenberg Author: Peter Joseph K. Roderickson Published: ജൂൺ 2, 2026 Last modified: ജൂൺ 3, 2026 --- Search plugins ![](https://ps.w.org/hisi-anim/assets/banner-772x250.png?rev=3557821) ![](https://ps.w.org/hisi-anim/assets/icon-256x256.png?rev=3557821) # Hísi Anim – Scroll Animations for Elementor, Bricks & Gutenberg By [Peter Joseph K. Roderickson](https://profiles.wordpress.org/peterjosephkings/) [Download](https://downloads.wordpress.org/plugin/hisi-anim.1.1.0.zip) * [Details](https://ml.wordpress.org/plugins/hisi-anim/#description) * [Reviews](https://ml.wordpress.org/plugins/hisi-anim/#reviews) * [Installation](https://ml.wordpress.org/plugins/hisi-anim/#installation) * [Development](https://ml.wordpress.org/plugins/hisi-anim/#developers) [Support](https://wordpress.org/support/plugin/hisi-anim/) ## Description **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: * **Entrance effects** — scroll-driven animations built on the modern CSS `animation- timeline: view()`. They progress _as you scroll_, tying the motion to the reading pace for a premium, high-end feel. * **Reveals** — triggered once when the element enters the viewport (IntersectionObserver), perfect for clean, one-shot entrances. You can even combine one Entrance effect with one Reveal on the same element and both play together, elegantly. #### Why Hísi Anim * **Truly lightweight & fast** — pure vanilla JavaScript, no jQuery and no heavy libraries. Supporting browsers load nothing extra. * **No code required** — choose effects from a dropdown in Elementor and Bricks; everywhere else, add a class. * **See it while you build** — a live preview of the selected animation right inside the editor panel, plus animations that play on the canvas. * **Accessible by default** — fully respects the visitor’s `prefers-reduced-motion` setting. * **Works everywhere** — modern CSS where supported, with an automatic polyfill for browsers like Firefox, loaded only when needed. #### Animations included **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). #### Native Elementor controls A dedicated **Hísi Anim** section is added to every element: * **Classic widgets (Editor V3):** under the Advanced tab — entrance effect, reveal and reveal duration. * **Atomic elements (Editor V4):** under the General tab — same controls, native to the new atomic widgets. #### Native Bricks controls 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. #### Any other builder (Gutenberg, Oxygen, Beaver Builder…) Add the classes to the element’s “CSS classes” field: * Base class (required): `hisi-anim` * Entrance effects: `ha--scrollBlur`, `ha--scrollBlurLeft`, `ha--scrollBlurRight`,` ha--scrollScale`, `ha--scrollZoom`, `ha--scrollParallax`, `ha--scrollRotate`,` ha--scrollDim`, `ha--scrollSkew`, `ha--scrollDriftX` * Reveals: `ha--blurUp`, `ha--scaleIn`, `ha--tiltIn`, `ha--drift`, `ha--lineReveal`,` ha--clipPathRight`, `ha--clipPathLeft`, `ha--clipPathTop`, `ha--clipPathBottom` * Reveal duration: `data-anim-time="1.2"` attribute #### Built for page builders 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. ### Credits 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 `animation-timeline` support. ## Installation 1. Upload the `hisi-anim` folder to `/wp-content/plugins/`, or install the ZIP from** Plugins Add New Upload Plugin**. 2. Activate the plugin through the **Plugins** screen. 3. In **Elementor** or **Bricks**, open any element and use the **Hísi Anim** controls. In other builders, add the `hisi-anim` classes to the element. ## FAQ ### Does it work with Elementor? Yes — natively. You get a Hísi Anim section with effect, reveal and duration controls on both classic widgets (Editor V3) and the new atomic elements (Editor V4). ### Does it work with Bricks Builder? Yes — natively. A Hísi Anim control group is added to every Bricks element, with its own icon in the Style tab and the quick-access bar. ### Does it work with Gutenberg, Oxygen or Beaver Builder? Yes. Any builder that lets you add a CSS class to an element is supported: add ` hisi-anim` plus the effect/reveal class to the element. ### Does it require jQuery? No. Hísi Anim is pure, dependency-free JavaScript. ### Will it slow down my site? No. It is intentionally lightweight, uses modern CSS for the heavy lifting, and only loads the compatibility polyfill on browsers that need it. ### Can I preview the animation inside the editor? Yes. The Hísi Anim panel shows a live preview of the selected animation, and effects also play on the editor canvas while you build. ### Do animations work in Firefox and Safari? Yes. Scroll-driven effects use a modern CSS feature; on browsers without native support the plugin automatically loads a polyfill, while supporting browsers download nothing extra. ### Is it accessible? Yes. All animations respect the visitor’s “reduce motion” operating-system preference(` prefers-reduced-motion`). ## Reviews ഈ പ്ലഗിന് റിവ്യൂകൾ ഒന്നുമില്ല. ## Contributors & Developers “Hísi Anim – Scroll Animations for Elementor, Bricks & Gutenberg” is open source software. The following people have contributed to this plugin. Contributors * [ Peter Joseph K. Roderickson ](https://profiles.wordpress.org/peterjosephkings/) “Hísi Anim – Scroll Animations for Elementor, Bricks & Gutenberg” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/hisi-anim/contributors) for their contributions. [Translate “Hísi Anim – Scroll Animations for Elementor, Bricks & Gutenberg” into your language.](https://translate.wordpress.org/projects/wp-plugins/hisi-anim) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/hisi-anim/), check out the [SVN repository](https://plugins.svn.wordpress.org/hisi-anim/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/hisi-anim/) by [RSS](https://plugins.trac.wordpress.org/log/hisi-anim/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.1.0 * New entrance effects (scroll-driven): Parallax, 3D rotate, Dim to light, Skew and Horizontal drift. * New reveal animations: Blur up, Scale in, 3D tilt, Drift and Line reveal. * New: live preview of the selected animation inside the Elementor and Bricks panels. * New: animations now play inside the editor canvas (Elementor and Bricks) while you build. * New: grouped, labelled options in the Elementor selectors (classic and atomic). * Improvement: refined ease-out curves and full `prefers-reduced-motion` support across all effects. * Improvement: effects reorganized into Entrance (scroll-driven) and Reveal categories. * Fix (Elementor V4): the reveal-duration control no longer reports an invalid value. * Fix (Bricks): the Hísi Anim quick-access icon now opens its control group on the first click. * Fix (editors): clip-path reveals no longer leave the element hidden when it is selected. #### 1.0.0 * Initial release. * Front-end assets and animation engine (IntersectionObserver + MutationObserver, no jQuery). * Native Elementor integration (classic V3 and atomic V4). * Native Bricks integration (“Hísi Anim” control group with custom icon). * Conditional scroll-timeline polyfill for browsers without native `animation-timeline: view()`. ## Meta * Version **1.1.0** * Last updated **7 മണിക്കൂറുകൾ ago** * Active installations **Fewer than 10** * വേർഡ്പ്രസ്സ് പതിപ്പ് ** 5.8 അല്ലെങ്കില്‍ അതിലും ഉയര്‍ന്നത് ** * Tested up to **7.0** * PHP പതിപ്പ് ** 7.2 അല്ലെങ്കില്‍ അതിലും ഉയര്‍ന്നത് ** * Languages * [English (US)](https://wordpress.org/plugins/hisi-anim/) ഒപ്പം [Spanish (Spain)](https://es.wordpress.org/plugins/hisi-anim/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/hisi-anim) * Tags * [animations](https://ml.wordpress.org/plugins/tags/animations/)[bricks](https://ml.wordpress.org/plugins/tags/bricks/) [elementor](https://ml.wordpress.org/plugins/tags/elementor/)[parallax](https://ml.wordpress.org/plugins/tags/parallax/) [scroll animations](https://ml.wordpress.org/plugins/tags/scroll-animations/) * [Advanced View](https://ml.wordpress.org/plugins/hisi-anim/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/hisi-anim/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/hisi-anim/reviews/) ## Contributors * [ Peter Joseph K. Roderickson ](https://profiles.wordpress.org/peterjosephkings/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/hisi-anim/)