Check out the new FA UI V.2.4.3

Check video

Changelog

Welcome to the changelog for the latest updates on our plugin! In this section, you'll find detailed information about the newest features, enhancements, and bug fixes that have been implemented.

2.14.0

Etch Builder integration and Page Transitions improvements

YouTube video

Configure, preview and manage all your Fancy Animations directly inside Etch Builder. Entrance animations, ScrollTrigger effects, text animations, hover interactions, mouse effects, animated backgrounds and custom cursors are now available from a native panel system integrated into the Etch toolbar. Plus, enjoy new page transitions, performance improvements and enhanced CSS optimization support.

Full panel system embedded in the Etch toolbar. Configure all Fancy Animations directly from the Etch editor without leaving the canvas

Add, remove, and preview entrance animations per element with timing, delay, trigger, loop, stagger, and behavior options

Assign scroll-driven animations (fade, zoom, slide, sweep, rotate, etc.) with start/end/from/to percent controls and per-animation invert option

Apply and configure text animations (blur, flip, wave, etc.) with time, delay, and word-split options (requires Text Animations enabled)

Select and preview hover effects (float, ring, wobble, zoom) directly on the canvas element

Configure mouse-follow and 3D parallax effects (requires Mouse Animations enabled)

Set up radial gradient and animated pattern backgrounds (requires Gradient BG enabled)

Configure per-element cursor text and image (requires Custom Cursor enabled)

Toggle in the toolbar to enable/disable live animation preview while editing

Visual dot indicators on panel buttons and the element tree showing which elements have animations configured

The optimizer now correctly scans Etch block for used classes (entrance, scroll, hover, text, mouse, and gradient BG).

Choose between Navigation only (transition plays on page links) or Always (transition also plays on initial page load)

Zoom Blur (zoom-in or zoom-out with configurable direction)

Corner (quarter-circle expanding from any corner: TL, TR, BL, BR)

Diagonal (left or right diagonal wipe)

Cascade: configurable number of columns

Early inline style + script injected in “ prevents white flash on page load for all transition types

Respects `prefers-reduced-motion` OS setting — transitions are skipped when the user has requested reduced motion

Significant code refactor for better reliability and reduced file size

Smoother dot and outline movement; improved performance on high-frequency pointer events

2.13.0

Reinvented Custom Cursor, Gutenberg Support & New Settings UI

Screenshot

Version 2.13.0 is one of the biggest updates to Fancy Animations yet. The Custom Cursor has been completely rebuilt from the ground up, bringing new styles, blend modes, trail effect, click effects (ripple & shrink), sticky mode, dash-rotate, and fully configurable size, speed, and border radius.

On top of that, the entire plugin settings UI has been redesigned — Dashboard, Settings, Custom Cursor, Page Transitions, and Smooth Scroll pages all feature a new layout with a cleaner, more consistent look and feel.

This release also introduces beta support for Gutenberg: opt in from the Dashboard and start configuring entrance, scroll, text, mouse, gradient background, and custom cursor animations directly from the WordPress block editor sidebar — no Bricks required.

Finally, Custom Cursor, Page Transitions, and Smooth Scroll now work with any WordPress theme, opening Fancy Animations to a much wider range of projects. No breaking changes — all existing settings are preserved.

Major overhaul with new styles, blend modes, trail effect, click effects (shrink, ripple), sticky mode, dash-rotate, and fully configurable size, speed, and border radius

Configure cursor text or image directly from the Bricks style tab.

opt-in toggle in the Dashboard to enable Fancy Animations features inside the WordPress block editor (Gutenberg)

Entrance animations panel available in the block editor sidebar for every block

ScrollTrigger animations panel available in the block editor sidebar for every block

Text animations panel available in the block editor sidebar (requires Text Animations enabled)

Mouse animations panel available in the block editor sidebar (requires Mouse Animations enabled)

Gradient Background animations panel available in the block editor sidebar (requires Gradient BG enabled)

Custom Cursor per-element overrides panel available in the block editor sidebar (requires Custom Cursor enabled)

improved visibility toggles for Text, Gradient Background, and Custom Cursor panels

New layout for Dashboard, Settings, Custom Cursor, Page Transitions, and Smooth Scroll pages with a cleaner, more consistent look

2.12.0

Text Animations Upgrade: Line Splitting, Overlay Reveal & Better Bricks Compatibility

This release brings a major upgrade to text animations with new premium effects, per-line text splitting, improved styling control via CSS variables, and stronger compatibility with the latest Bricks Builder AJAX filtering.

New reveal effect where an overlay covers the text and animates away to uncover it, with color variants (primary/secondary/white/black).

Option to split text by visual lines (great for headings), while preserving inline styling and accessibility.

– Clip Reveal : Clean masked reveal with a premium feel.
– Swing 3D : 3D entrance with perspective rotation.
– Focus : Cinematic focus effect (blur to sharp) with depth.
– Wave : Dynamic pop/wave-style entrance.

Support for overriding text color using CSS variables in ScrollTrigger text animations for easier theming. https://fancyanimations.com/docs/overriding-text-reveal-color/

Animations now re-initialize properly after filtering/pagination on recent Bricks Builder versions.

Fixed preview page transitions

Resolved a conflict with Udoros “Bricks Mega Menu Pro”.

2.11.0

New Text animations controls

You now have more options for text animations.

Choose the viewport percentage at which the animation should fire

Top or fully visible — Decide whether to fire when the element’s top enters the viewport or when the element is fully visible

Decide which elements should animate only once on first view; you’re no longer forced to disable animations globally. The global “execute once” setting continues to work.

Optionally clear the visible state when scrolling back below the configured viewport threshold.

2.10.0

More control anf flexibility

YouTube video

This update brings major improvements to entrance animations, giving you greater control and flexibility

Choose the viewport percentage at which the animation should fire

Add dynamic, sequential delays to child elements without manually setting a delay per item

Decide whether to fire when the element’s top enters the viewport or when the element is fully visible

Register your own CSS entrance effects while leveraging all Fancy Animations entrance options (time, delay, loop, device rules)

Custom entrance effects now toggle `.fb-anim–custom-active` so you can attach additional styles and transitions

Optionally clear the visible state when scrolling back below the configured viewport threshold

Passive pointer listeners, ~16ms throttling, normalized deltas and robust cleanup when switching modes

2.9.0

Smooth scroll and more

This major update introduces Smooth Scroll with Lenis as the highlight feature, delivering buttery-smooth scrolling that makes animations feel more natural and responsive. Lenis provides a lightweight, accessibility-friendly alternative to GSAP’s scroll that works seamlessly with sticky elements and modern web standards.

Beyond smooth scrolling, this release brings highly requested features including customizable logo/image support for page transitions, granular control over one-time animations at the element level, and important fixes for border animations compatibility.

Animations feel more fluid with Lenis-powered scrolling. Lenis is lightweight and, unlike GSAP’s scroll, plays nicely with `position: sticky` and is more accessibility-friendly.

One of the most requested features: you can now show an image instead of loading text during transitions, including a max-width setting for consistent sizing.

Decide which elements should animate only once on first view; you’re no longer forced to disable animations globally. The global “execute once” setting continues to work.

The border effect now works correctly alongside hover animations on the same element and no longer overlaps the element background or clashes with transforms.

2.8.2

Compatibility with Megamenu and Slider improvements

Among the highlights, entrance and text animations are now compatible with megamenu elements when opened, allowing you to add more dynamism to your website. Compatibility with sliders has been improved, new states were added for greater animation control, a variable for customizing border radius was introduced, and scroll animations are now more precise.

PD: Esta actualización viene con una nueva plantilla avanzada para que veas el potencial de Fancy Animations con los sliders

Entrance and text animations now work inside your megamenu.

fa-next, fa-prev, fa-first and fa-last for greater control over custom animations.

Border animation now has a variable fa-border-radius for the radius that can be overwritten.

Entrance and text animations behave more reliably inside sliders

Scroll-triggered animations feel smoother with finer precision.

Animations only play on the current slide instead of all slides at once.

2.8.0

Radial Gradient Background Animations and more

This update introduces radial gradient background animated with patterns and different options, you must activate it from the plugin options.

gradient-background-animations-bricks-builder

You can now also configure your entrance animations to only trigger when you scroll down in the plugin settings.

Provisional rendering of attributes in the editor

One of the big improvements is that you will now be able to preview animations added from the UI in the editor before applying them.

Compatible at the moment for entrance, ScrollTrigger, text, and background gradient animations.

Bricks builder natively does not allow to render attributes in the editor and requires reloading the page, this improvement was not easy to implement, I hope it will be very useful.

New update system

Lemon Squeezy caused me several headaches with automatic updates, this update implements a new update system that does not depend on Lemon Squeezy that will stop presenting errors when updating and detecting new versions.

You need to manually update to the latest version to enjoy automatic updates.

This update introduces radial gradient background animated with patterns and different options, you must activate it from the plugin options.

You can now also configure your entrance animations to only trigger when you scroll down.

You can now preview entrance, ScrollTrigger, text, and background gradient animations directly in the editor before applying them

New update system for more reliable and seamless updates

2.7.3

Entrance Animations distance overwrite

Now you can customize the distance of the some animations using variables. Just define the variable with your desired value in the element, and it will override the default animation distance. See the documentation.

2.7.2

Mouse animations UI and page transition

Implemented the UI for mouse animations, also added a new page transition that has an animation that starts where the user clicks.

mouse animations bricks builder

Now it will be easier to add mouse animations, find the options in the styles tab. The class system still works for advanced users.

New page transition that takes into account the click coordinates for the animation.

Now the page transitions detects if the url with # is the current url or a different page of the website.