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

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.

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().