Opens in a new tab

Changelog

Everything that changed, and why

Every release since 1.1.0 in October 2023, new features and fixes alike. Filter by type, or search for a setting or a version number.

Your AI assistant, a new settings screen and entrances that always show

Fancy Animations can now teach your own AI assistant how to animate with it, using your own subscription (MCP, WordPress 6.9 or later). Also new: a redesigned settings screen with search, Start at page top and Check video for scroll scenes, and entrances that show even when their script does not run.

  • New
    AI assistants

    Teach your own AI assistant, such as Claude, to animate with Fancy Animations on your own subscription. Needs WordPress 6.9+, the MCP Adapter plugin and an active license.

  • New
    AI assistants — Read-only tools

    Four tools join the connection the Bricks MCP already uses: a start guide, a reference by topic, tested scroll-section recipes and a page check. The assistant builds with Bricks' or Etch's own tools.

  • New
    AI assistants — Page check

    After each section, the assistant checks the saved Bricks page and gets the element and the fix for what it can't see: columns that don't stack on phones, text lost on its band, settings Bricks drops silently.

  • New
    AI assistants — Reads your site

    Before planning, it reads your active modules, your background and text colours, fixed header, content width and framework spacing (Fancy Framework, Automatic.css, Core Framework), so new sections fit in.

  • New
    ScrollTrigger

    "Start at page top" in Bricks, Etch and Gutenberg. An element already on screen when the page loads, such as a hero, used to start its animation halfway (a full-screen hero is already at 50 % of its pass), so the first part of its animation had played before any scroll. With this option the pass starts at the page as it loads: Start 0 is the first scroll, and the same windows work for a hero as for any other section

  • New
    ScrollTrigger

    "Allow own transitions" in Bricks, Etch and Gutenberg. ScrollTrigger elements switch off every CSS transition so the scroll can drive them without lag, which also switched off the element's own hover and focus transitions. With this option the element keeps its own transitions; use it only when none of the properties the scroll animates has a transition

  • New
    ScrollTrigger

    Pinned scenes below a sticky header. Fancy now measures the site's sticky header in the browser and writes its height to the CSS variable --fa-header-height (0px when the header doesn't stay fixed), so a pinned stage set to top: var(--fa-header-height, 0px) no longer hides its top edge under the header, on phones especially

  • New
    Video scrub

    "Check video" button in the Bricks, Etch and block editor canvases, next to every video with Video scrub. It measures the actual video: how long seeking takes (too slow means the video needs more keyframes) and its frame rate and total frames (fewer than about 300 looks jumpy), and says what to change. It never appears on the published site

  • New
    Etch

    @keyframes written inside an Etch class now work. Etch places a class's CSS inside the class rule, where the browser ignores @keyframes, so a custom animation needed its own Style Manager stylesheet. Fancy Animations now prints the keyframes each page uses where the browser reads them, on the front end and live in the canvas. On by default, also on sites that update; it can be switched off in Animation Settings → Animation defaults. If Fancy Etch is active with its own "Keyframes inside classes" switch on, Fancy Etch keeps doing it and Fancy Animations stays out of the way

  • New
    Smooth scroll

    Pages can switch smooth scroll off and on live with `window.fancyAnimations.smoothScroll` (`stop()`, `start()`, `toggle()`, `isActive()`, `isAvailable()`); the event `fancyanimations:smoothscroll` says when it is ready. Turning it off returns native scrolling at the same position. With "Respect reduce motion" on, smooth scroll no longer starts for visitors who ask for less motion

  • New
    Page transitions

    An on/off switch for the whole feature, separate from the transition style. Sites that already used a style keep their transitions on

  • New
    Cursor

    "Dot only" style in the Cursor screen: just the dot, without the outline. Settings that do not apply to it (outline, size, snapping, trail and labels) are shown disabled

  • Improve / Fix
    Bricks

    The Fancy Animations button in the builder toolbar uses the new logo. It shows in the toolbar's colour when the animation preview is off and in coral when it's on

  • Improve / Fix
    Page transitions

    Entrance and text animations already on screen wait for the transition to finish, then play. Before, they played underneath the transition and had already ended when the page appeared, so visitors arriving through a transition never saw them. Direct loads are unchanged. The event `fancyanimations:pagetransitionend` fires on `window` when the transition has finished

  • New
    Page transitions

    The settings screen plays the chosen style in a small preview, with your colours, logo, text, direction and duration: it plays by itself when you change the style and again with the Play button

  • Improve / Fix
    Settings screens

    The default animation delay on a new install is now 0s, not 0.5s: time an entrance with its trigger point instead of guessing with a wait. Sites that already have the plugin installed keep their own delay

  • Improve / Fix
    Settings screens

    Default colors on a new install now match the Fancy Animations brand (coral accent, ink, paper) instead of the old yellow and purple. Sites that already have the plugin installed keep their own colors

  • Improve / Fix
    Settings screens

    Redesigned admin: light screens in WordPress's own colours, one layout for every tab, the font bundled with the plugin (no request to Google Fonts) and the tabs renamed Animations, Global animations, Page transitions, Cursor, Smooth scroll and Settings. Old links to the Dashboard and Lenis screens still work

  • Improve / Fix
    Settings screens

    A save bar counts unsaved changes, with Discard and Save changes; leaving a tab or closing the page with unsaved changes asks first; each setting can go back to its default with one click, and each section with "Reset section"

  • Improve / Fix
    Settings screens

    Wrong values are flagged on the field and block saving (ranges, CSS selectors, a custom easing that is not a function, the cursor image ratio) instead of being changed silently; settings that do not apply are shown disabled with the reason, not hidden

  • Improve / Fix
    Settings screens

    Usable with the keyboard and screen readers (labelled controls, arrow keys in option groups, visible focus, enough contrast) and on narrow screens down to a phone

  • Improve / Fix
    Settings screens

    Easier to scan: the figure you look for in a status line (activations in use, unsaved changes, fields to fix, the screen size animations start from) is in bold, the rest of the sentence stays light

  • Improve / Fix
    Settings screens

    The side column (live previews, notes about each screen) stays in view while you scroll, on every screen; Global animations rules can be duplicated and reordered; Settings shows how many activations of your license are in use

  • New
    Settings screens

    Press "/" anywhere outside a field, or click the Search button in the top bar, to search every setting by name and jump straight to it, on any of the 6 screens

  • Improve / Fix
    Settings screens

    Every button reacts when the pointer is over it (Save changes, Discard, option groups, switches, collapsible sections, Global animations rules, the license chip), so it is clear what can be clicked

  • Improve / Fix
    Performance

    The scripts stop touching the page when nothing moves: the custom cursor's loop pauses once it settles and restarts on the next mouse move, scroll animations stop writing as soon as the smoothing settles (half a pixel) instead of for almost two more seconds, mouse animations do one update per frame instead of several, entrances are not re-applied on every scroll frame, and the page transition's loading pulse no longer runs while the layer is hidden. Measured on a real site: on a page at rest, from about 100 style changes a second to none, which also keeps the browser's inspector fast

  • Improve / Fix
    Entrance

    "Remove when below trigger" now fades the element out in 0.3 s when it drops below its trigger line, instead of making it vanish, and then resets it so the next entrance plays the same. With reduced motion it hides at once

  • Improve / Fix
    Bricks

    Hover and Mouse take one animation per element, as in Etch: several competed for the same property and only one showed on the page. The add button hides once there is one. Elements saved with more than one keep them and look the same

  • Improve / Fix
    AI panel

    Clearer instructions to the AI about what Start and End mean (points of the element's pass through the screen) and what "I am parent" and "Get parent" do, so its suggestions match how the plugin really behaves

  • Improve / Fix
    ScrollTrigger Animations

    A Start, End, From or To value outside the 5–95 steps (written by an AI assistant or an import, not from the panel) no longer drops the setting: it is rounded to the nearest step. Before, a "To" of 112 on a zoom made the image start at size 0, invisible

  • Improve / Fix
    Entrance

    Elements with an entrance animation stayed invisible when its script did not run: JavaScript switched off, the script blocked, or an optimiser delaying JavaScript until the visitor interacts. They now show without the animation, and if the script starts later the animations work again

  • Improve / Fix
    Entrance

    A delay of "0" on a staggered parent made every child appear at the same time. Children enter one after another again. A delay of "0" on a text animation now also starts the first letter straight away; before, the letters still waited for the site's default delay

  • Improve / Fix
    Text animations

    Splitting by letters or by words removed the links, bold, italics and paragraph breaks inside the text. They are kept now, and links keep their accessible name; Global Animations rules leave elements inside an animated text alone, so a link there does not get a second animation. Splitting by lines still keeps only the text

  • Improve / Fix
    Text animations

    Screen readers read nothing in an animated paragraph (or any text that is not a heading): the full text was given as a label that screen readers ignore on a paragraph, and every animated piece is hidden from them. Each run of text now has a hidden copy that screen readers read on any tag, and a link inside the text is announced in its place in the sentence. Nothing changes on screen

  • Improve / Fix
    Text animations

    "Per line" did nothing in the block editor and in Global Animations rules: the text was split into lines but never animated. It animates now, also in blocks that were already saved

  • Improve / Fix
    Global Animations

    A rule no longer adds an entrance to an element that already has a ScrollTrigger animation: both animate opacity and transform, so an element meant to fade in with the scroll could be visible from the start

  • Improve / Fix
    Entrance and text

    The 2.5s duration had no effect: animations played at the default duration

  • Improve / Fix
    Entrance

    Ken Burns ignored the chosen duration and always took 20s. 20s is still the default when no duration is set

  • Improve / Fix
    Hover

    "Float shadow" showed no shadow

  • Improve / Fix
    Hover

    Float, Float shadow and Zoom now lift and grow on an element that also has an entrance animation. Before, the finished entrance held the element in place and only the shadow changed

  • Improve / Fix
    Updating by replacing the plugin files (FTP, a deploy, Git) now rebuilds the animation stylesheet on the next visit

    Before, only updates made from the WordPress dashboard rebuilt it, and the site kept serving the previous version's CSS

  • Improve / Fix
    Stagger

    Inside a Bricks slider slide, the children of a staggered parent entered all at once: the slide rule that drops delays also dropped the cascade. They enter one after another again; a single element's own delay is still ignored inside a slide, so content never lags behind the slide

  • Improve / Fix
    ScrollTrigger

    With "Covered by next sibling", when the cards' position depends on another animation (a deck with "Get parent" that slides them in), the first card showed covered on load until the first scroll. Covers are measured again once the page has settled

  • Improve / Fix
    Entrance

    With "Remove when below trigger", an element that stopped right at its trigger line flickered: it was measured with its own animation's movement (a slide starts lower, a scale or rotate changes its box), so it dropped below the line as soon as it started, was reset, and started again. It is now measured where it sits on the page, for every preset and custom entrances

  • Improve / Fix
    Optimized CSS file

    A page that was still a draft, pending, private or scheduled got none of its animation CSS from the cache (only published pages were scanned), so previewing a preset there looked broken even though the class was on the element

  • Improve / Fix
    Entrance

    The Border animation's background is now a CSS variable (`--fa-border-bg`, still white by default) instead of a fixed white, so it can be overridden on a coloured element or a papered site

  • Improve / Fix
    Gutenberg

    Hover classes added by hand to a block (Advanced → Additional CSS class(es)) lost their styles with "Optimized CSS file" on

  • Improve / Fix
    Bricks

    The entrance and text scripts were loaded twice in the canvas. They load once now, and with the Fancy Animations preview switched off, entrance animations no longer fire while scrolling the canvas

  • Improve / Fix
    Settings screens

    The logo in the top bar lost its small square to clipping. Also updated the WordPress admin menu icon to the new symbol

  • Improve / Fix
    Settings screens

    The reset (↺) button sat in a fixed column at mid-row, flush against the control on a slider row and floating with nothing nearby on a row without one (such as ScrollTrigger smoothing). It now sits next to the setting's name, so every control ends at the card's right edge, in line with "Reset section", whether or not its value was changed, and nothing shifts when it appears

  • Improve / Fix
    Bricks

    The add button of the Entrance, Text, Hover and Mouse animation lists read "Add add animation", and the hover group title read "hover Animations"

  • Improve / Fix
    Settings screens

    In Page transitions, the "Corner wipe" tile's curve was a radius almost twice the thumbnail's height, so only a sliver of it showed and it read as a diagonal, not a quarter circle. The "Elastic circle" preview changed its rounded corners and its height at the same time, so it only ever looked like a flat rectangle popping in and out, never a dome — it now follows the site's own two-step timing (grow or shrink first, round the corners after) and both tiles show a clean circle

  • Improve / Fix
    Settings screens

    On 1366 and 1440 px laptops the top bar cut off the last tabs ("Settings" first), and from 1024 px down the tabs slid out of sight with no scrollbar: Docs and Changelog now step aside first (they are in every screen's side column), and on narrower screens the tabs get their own row

  • Improve / Fix
    Settings screens

    Number, text and drop-down fields showed WordPress's blue focus ring instead of the plugin's own, and "Animation time" showed the ↺ reset on sites that saved it in an older version even when it was never changed

  • Improve / Fix
    Settings screens

    Drop-down fields showed two arrows (WordPress's and the plugin's). The cursor and Page transitions previews went blank when a color was set as a CSS variable, which only exists on the site: they now show the default color for it and say the site will use the variable

  • Improve / Fix
    Settings screens

    A tile's own options (Slide direction, Wipe direction, Corner origin, Zoom direction, Number of columns) showed after the whole grid of styles, far from the tile they belong to. They now sit right under that tile's row, which stays whole

  • Improve / Fix
    Settings

    Importing settings left the site's CSS (animation colours, cursor, page transition colours) on the old values until the next scheduled rebuild; it is rebuilt at once now. Turning "Delete all data on uninstall" on or off, or exporting, no longer uses the copy of the settings loaded when the screen opened, which could undo changes saved since in another tab

  • Improve / Fix
    Settings

    Animation delay could not be set to 0: the settings page compared the value to an empty string with `!=`, which JavaScript treats as equal to 0, so it was silently replaced by the default. 0 now saves and is kept

Respect reduce motion, and the logo with its loading text

Visitors who ask their system for less motion can see entrances and text already in place, and page transitions can show the loading text together with the logo.

  • New
    Animations — Respect reduce motion

    "Respect reduce motion" (Dashboard, off by default): when enabled, visitors who turned on "Reduce motion" in their system see entrance and text animations already in their final state and skip page transitions. Off by default, so every visitor sees every animation unless you choose otherwise. Scroll animations always keep following the scroll, because in many layouts they decide which content is shown

  • New
    Page transitions — Loading text with the logo

    "Loading text with the logo": show the loading text together with the logo, above or below it, with a configurable space between them (0–200px, default 16px). Previously the text was always hidden once a logo was set

  • Improve / Fix
    Settings

    Pages now add a cache-busting parameter and "no-store" headers when reading settings, so a caching plugin or host can no longer serve a stale copy right after saving

  • Improve / Fix
    Page transitions

    With a logo, the first transition after a direct page load showed the loading text instead of the logo; every transition after that showed the logo correctly. The logo is now set up once, so the very first transition uses it too

  • Improve / Fix
    Settings

    Pressing Enter in a text field, including color fields, submitted the whole settings form. Typing a value and pressing Enter could save the page mid-edit; only the "Save settings" button saves now

  • Improve / Fix
    Settings

    The "Loading text with the logo" dropdown now uses the same style as the rest of the settings

  • Improve / Fix
    The console notice claiming every animation respected "reduce motion" is gone

    it never did, and only developers opening the console ever saw it. Settings → Page transitions now shows a notice instead, when relevant, to whoever is actually testing

Smoother scroll animations, card stacks and sequences

Scroll animations now glide smoothly instead of stuttering, sticky card stacks work with any number of cards, and child elements can play in sequence on their own. All in Bricks, Etch and Gutenberg.

  • New
    ScrollTrigger — Scroll smoothing

    ScrollTrigger animations now ease towards the scroll position instead of jumping to it, which removes the stutter when a mouse wheel slows down. The page scrolls in whole pixels, so an animation that moves further than the page advanced in visible steps, with still frames in between. Set it in Settings → Animation defaults (0 turns it off). New installs start at 0.1s; sites updating from an earlier version keep it off until it is switched on, so published pages do not change on their own.

  • New
    ScrollTrigger — Per-element scroll smoothing

    Each element can override the site setting in Bricks, Etch and Gutenberg: turn it off for elements that must follow the scroll exactly, such as progress bars, or use a different time.

  • New
    ScrollTrigger — Covered by next sibling

    The animation progress becomes how much the next sibling covers the element. Built for sticky card stacks where each card shrinks as the next one slides over it. It is exact and works with any number of cards; until now every card needed its own start and end worked out by hand for a given count.

  • New
    ScrollTrigger — Sequence children

    Set on a parent, it splits a scroll range between its children with ScrollTrigger animations so they play one after another, with optional overlap. Adding or removing a child redistributes the timing automatically. Children measure against the parent, and a start or end set by hand on a child is kept. Each child also gets --fa-i (its position) and --fa-n (the total) for custom CSS.

  • New
    ScrollTrigger — Index children

    Writes --fa-n on the element and --fa-i on every direct child, animated or not, so custom CSS can stagger children without :nth-child rules for each count or :has().

  • Improve / Fix
    ScrollTrigger — Filters and 3D on animated elements

    Animated elements no longer get filter: opacity(1) once the page has started. It overrode your own filters and, like any filter, flattened 3D transforms, so an animated element could not be part of a 3D object. The filter is now only used to hide elements before the scroll script starts.

  • Improve / Fix
    ScrollTrigger — Lighter GPU usage

    will-change is set only while an element is part-way through its animation, instead of permanently on every animated element. Elements off screen no longer hold a GPU layer or a stacking context.

  • Improve / Fix
    ScrollTrigger — Sequences update instantly in the builder

    Removing a child from a sequence, or turning a sequence off, now redistributes and cleans up straight away in the builder.

  • Improve / Fix
    Bricks — Preview button and scroll animations

    With the Fancy Animations preview switched off, the canvas kept running the scroll script without the animation styles: scroll values were written but nothing moved, and custom CSS reading them got empty values. The preview button now pauses and resumes ScrollTrigger together with the styles.

  • Improve / Fix
    Bricks — Scroll script loaded twice

    The scroll script ran twice in the builder canvas. It now runs once.

  • Improve / Fix
    Bricks — Preview blocked by the visitor toggle

    If animations had been switched off on the front end with the visitor toggle, the builder preview could not be turned on, because the canvas never received the animation styles. The visitor toggle no longer affects the builder.

  • Improve / Fix
    ScrollTrigger — Faster frame updates

    All element positions are measured before any animation value is written, so the browser no longer recalculates the layout once per animated element on every frame.

Earlier versions

  • 3.0.1 & 3.0.2Fixes and Bricks 2.4 support

    • Improve / Fix
      Bricks 2.4

      The animations toggle and the AI panel disappeared from the builder toolbar after updating to Bricks 2.4, which stopped identifying its toolbar by id and started identifying it by class so it can be placed at the top, left or right. Both buttons are back, wherever the toolbar is placed, and older Bricks versions keep working

    • Improve / Fix
      2.x liecense migration

      Sites updating from 2.x lost their license key. 3.0.0 started storing the key encrypted, but a key saved by an earlier version was plain text and could not be read back, so it was discarded. The plugin then checked for updates without a key, the server answered "no update", and Settings still showed "Activated" because that was read from the stored activation message rather than from the key: updates stopped arriving and nothing said so. Existing keys are now recognised and re-saved encrypted automatically

  • 3.0.0AI Panel, Global Animations and Video scrub

    New: you can now manage your account and your license from the Fancy Animations website. Go to My account, click Forgot your password? to set a password the first time, and from there you can see your license key, the sites you have it active on, and release any of them.

    3.0.0 is the biggest update Fancy Animations has had. The main thing is the AI panel: you describe what you want and it adds the animations for you, on the canvas, before you save anything. There is also a new Global Animations panel and a good number of fixes.

    Animate with a prompt

    The panel sits in the Bricks toolbar. You write something like "elegant fade-in on all the cards" and it applies the animations. It looks at the page first, so it does not put the same effect on everything, and when it finds a repeated group like a card grid it puts the stagger on the parent, with the right column count.

    You can run it on one element or on the whole page. If you do not like the result, tell it what to change and it adjusts instead of starting over. You can also ask it to remove animations: all of them, one type, or one specific effect. When it finishes you get a summary of what it did and with which settings, so you do not have to open every element to check.

    Custom animations without writing CSS

    This is the part I am happiest with. Before, if the animation you wanted was not in the library, you had to write it yourself: keyframes, transforms, and being careful not to break anything else on the page.

    Now you describe it and the AI writes the CSS for you. It works for entrance and for scroll trigger, and what it generates only affects that element. You do not need to know CSS anymore.

    You bring your own key, from Anthropic, OpenAI or DeepSeek. Each one keeps its own key and model, and the keys are stored encrypted.

    See it live in the editor

    Animations now render in the editor while you set them. Before you had to reload the builder to see how it looked, which made trying a delay or a different effect slow. Now you just see it.

    Animate a whole site by selector

    Global Animations lets you animate by CSS selector from the settings, without opening the builder. You pick h1, or .card, or whatever selector you want, and choose the animation. Each rule has its own timing and can be turned off without deleting it. You can exclude elements per rule, and there is a site-wide exclusion for things like the header, the footer or an off-canvas, so you do not have to repeat it in every rule.

    Licensing and updates

    Updates now go through the licensing server instead of shipping a GitHub token inside the plugin. Local and staging sites are detected and do not use up an activation, so you can develop without burning through your limit. And there is finally a button to remove the license from a site, which was missing until now.

    Fixes worth knowing about

    Text that stayed broken, one word per line, after removing a text animation. Stagger that kept animating the children after turning it off. Warnings on sites coming from older settings. A conflict with FluentCRM that left its email editor on a blank coloured screen. And Exclude URLs now accepts query strings, so you can exclude a page that is only reachable through a parameter.

    • New
      AI Panel — New panel in the Bricks

      New panel in the Bricks toolbar that adds animations from a plain-language prompt. Describe what you want ("elegant fade-in on all the cards") and the animations are applied on the canvas, ready to review before saving

    • New
      AI Panel — Element or whole-page scope

      Scope selector: apply the prompt to the selected element only, or to every element on the page

    • New
      AI Panel — Structure aware

      Structure aware: reads element types, labels, nesting and child counts, then varies the animation per element instead of applying the same effect everywhere

    • New
      AI Panel — Automatic stagger detection

      Automatic stagger detection: recognises repeating groups (post loops, card grids, icon lists, team members, testimonials, pricing tables) and applies stagger on the parent, including per-breakpoint column counts

    • New
      AI Panel — Custom animations

      Custom animations without writing CSS: describe the movement you want and the AI writes it for you, for both entrance and scroll trigger. The generated CSS is scoped to that single element, so nothing else on the page is affected.

    • New
      AI Panel — Conversational refinement

      Conversational refinement: follow-up prompts adjust the previous result instead of starting over

    • New
      AI Panel — Whole-page requests are sent in batches

      Whole-page requests are sent in batches, with progress shown per batch, so a large page gets covered thoroughly instead of a handful of elements. If one batch fails the ones already applied are kept

    • New
      AI Panel — Choose your provider

      Choose your provider: Anthropic, OpenAI or DeepSeek. Each keeps its own API key and model, so switching back and forth costs nothing

    • New
      AI Panel — Model picker with plain names

      Model picker with plain names (Claude Haiku 4.5, GPT-5.6 Luna, DeepSeek V4 Flash…) and a note on what each is good for, instead of typing a model id

    • New
      AI Panel — Summary of what was applied

      Summary of what was applied: one card per animation with the kinds of element that received it and the settings used, so a run can be checked without opening 27 elements

    • New
      AI Panel — Removing animations now works on whole pages

      Removing animations now works on whole pages. Ask it to remove everything, a family ("the entrance animations") or a specific effect ("the blur ones") and the editor resolves it directly

    • New
      AI Panel — Warns when a run animates almost nothing

      A whole-page run that animates almost nothing says so, instead of reporting success

    • New
      Settings — API keys are encrypted before being stored

      API keys are encrypted before being stored, and never returned by the REST API — only whether one is set, and a masked preview

    • New
      Global Animations — Animate elements site-wide by CSS selector

      New settings panel to animate elements site-wide by CSS selector, without opening the builder or editing elements one by one

    • New
      Global Animations — Selector presets for common tags

      Selector presets for common tags (h1–h6, p, a, button, img, section, article), or any custom CSS selector

    • New
      Global Animations — Entrance or Text animation per rule

      Entrance or Text animation per rule, each with its own time and delay; text rules add a split mode (letters, words, lines)

    • New
      Global Animations — Rules can be switched off individually

      Rules can be switched off individually without deleting them

    • New
      Global Animations — Per-rule exclusion

      Per-rule exclusion: each rule can skip elements matching a CSS selector, and anything inside one

    • New
      Global Animations — Site-wide exclusion

      Site-wide exclusion ("Never animate inside"): one selector that every rule skips, so headers, footers and off-canvas panels can be left alone without repeating it on each rule

    • New
      Global Animations — Works with the Optimized CSS file option

      Works with the Optimized CSS file option: animations used only by a global rule are kept in the optimized stylesheet

    • New
      Licensing — Local and staging installs detected

      Local and staging installs are now detected and validate the license without consuming a per-site activation, so development sites no longer burn through the activation limit

    • New
      AI Panel — Whole-page mode is not available with OpenAI

      Whole-page mode is not available with OpenAI, which applies only a couple of elements on large pages whatever the batch size. The reason is shown in Settings and in the panel; element scope and custom animations work normally

    • New
      License — "Remove license" button in Settings

      "Remove license" button in Settings. Until now a license could be activated but never removed, so moving the plugin to another domain left the activation consumed with no way to release it from the plugin

    • New
      ScrollTrigger — Video scrub

      Video scrub: play, pause, or scrub a video element based on scroll position

    • New
      Settings — Import / Export

      Import / Export: back up and restore all plugin settings as a JSON file

    • Improve / Fix
      Etch — Panels now use Etch’s public API

      The animation panels now apply classes, attributes and style variables through Etch's own public API instead of driving the builder's interface. Faster, and no longer tied to the editor's markup or language

    • Improve / Fix
      Updates — Update checks now go through the licensing server

      Update checks now go through the licensing server instead of shipping a GitHub token inside every copy of the plugin

    • Improve / Fix
      Licensing — The stored activation is re-checked every 12 hours

      The stored activation is re-checked every 12 hours, so an expired or revoked license is picked up automatically instead of staying valid until the next manual check

    • Improve / Fix
      Licensing — License data and API keys encrypted at rest

      License data and the AI API key are encrypted at rest

    • Improve / Fix
      Page Transitions — Exclude URLs now accepts query strings

      Exclude URLs now accepts query strings. Pages that are only reachable through a parameter can be excluded on their own (`/?fluent_crm_block_editor=1`) without excluding the home page. Listed parameters must all be present, extra ones on the page are ignored, and a parameter written without a value matches any value

    • Improve / Fix
      Bricks editor — Animations apply live without a reload

      Animations now apply live without requiring a page reload when adding or changing controls

    • Improve / Fix
      Stagger — Turning stagger off now cleans up

      Turning "Stagger children" off in the builder now clears what it added. The children kept the parent's animation class and their stagger delays, and the parent kept the inline opacity that cancels its own entrance animation, until the canvas was reloaded

    • Improve / Fix
      Stagger — A child’s own animation is kept

      A child with its own animation keeps it when stagger is removed from the parent: only the stagger delay is cleared

    • Improve / Fix
      Builder preview — No stale animation variable left behind

      An element that lost its last animation class no longer keeps a stale `--fb-anim-name` custom property

    • Improve / Fix
      Text animations — Text stayed broken after removing the animation

      Text stayed broken, one word per line, after removing a text animation from an element. Anything ever split kept an internal marker, and the next viewport resize re-split it even though it no longer had a text animation, leaving the pieces unstyled. Most visible in the builder, where changing the responsive width triggers it

    • Improve / Fix
      Settings — No Undefined property warnings on upgrade

      Sites upgrading from an older layout of the stored settings no longer emit "Undefined property" warnings on every page load. Options added after the original set are now filled from the defaults in one place, for both the old and the current settings shape

    • Improve / Fix
      Page Transitions — FluentCRM email editor conflict

      Fixed a conflict with FluentCRM that left its email editor stuck on a solid transition-coloured screen with no content. Plugins that render standalone front-end pages can load the transition styles while blocking the script that reveals the page; the pre-reveal state is now tied to that script, so a page that never loads it renders normally

    • Improve / Fix
      Page Transitions — No transition background in the Etch builder

      The transition background is no longer injected in the Etch builder, which could leave the canvas on a solid colour when "Trigger on" was set to Always

    • Improve / Fix
      Custom Cursor — Exclude hover selector applied correctly

      The Exclude hover selector is now applied correctly on the front end and reflected in the settings preview

    • Improve / Fix
      Bricks editor — FA enable toggle on first load

      FA enable toggle now initializes correctly on first load

    • Improve / Fix
      Gutenberg — Support loads correctly

      Resolved a compatibility issue that prevented Gutenberg support from loading properly

  • 2.14.0Etch Builder integration and Page Transitions improvements

    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.

    • New
      Etch Builder integration

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

    • New
      Etch — Entrance Animations panel

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

    • New
      Etch — ScrollTrigger Animations panel

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

    • New
      Etch — Text Animations panel

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

    • New
      Etch — Hover Animations panel

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

    • New
      Etch — Mouse Animations panel

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

    • New
      Etch — Gradient Background panel

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

    • New
      Etch — Custom Cursor panel

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

    • New
      Etch — Animation preview toggle

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

    • New
      Etch — Visual dot indicators

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

    • New
      Etch — CSS optimization compatibility

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

    • New
      Page Transitions — "Trigger on" option

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

    • New
      Page Transitions — Zoom Blur

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

    • New
      Page Transitions — Corner

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

    • New
      Page Transitions — Diagonal

      Diagonal (left or right diagonal wipe)

    • Improve / Fix
      Page Transitions — Cascade

      Cascade: configurable number of columns

    • Improve / Fix
      Page Transitions — Early inline style

      Early inline style + script injected in `<head>` prevents white flash on page load for all transition types

    • Improve / Fix
      Page Transitions — Respects `prefers-reduced-motion`

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

    • Improve / Fix
      Page Transitions — Significant code refactor

      Significant code refactor for better reliability and reduced file size

    • Improve / Fix
      Custom Cursor

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

  • 2.13.0Reinvented 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.

    • New
      Cursor has been completely rebuilt

      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

    • New
      Bricks editor controls for the Custom Cursor

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

    • New
      Gutenberg beta support

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

    • New
      Gutenberg Entrance animations

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

    • New
      Gutenberg ScrollTrigger animations

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

    • New
      Gutenberg Text animations

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

    • New
      Gutenberg Mouse animations

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

    • New
      Gutenberg Gradient Background

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

    • New
      Gutenberg Custom Cursor

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

    • New
      Custom Cursor now works with any WordPress theme

    • New
      Page Transitions now work with any WordPress theme

    • New
      Smooth Scroll (Lenis) now works with any WordPress theme

    • Improve / Fix
      Bricks editor controls

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

    • Improve / Fix
      Full redesign of the plugin settings UI

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

  • 2.12.0Text 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
      Overlay Reveal (Text)

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

    • New
      Per-line Text Splitting

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

    • New
      4 New Text Animations

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

    • New
      CSS Variable Text Color Overrides (ScrollTrigger)

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

    • Improve / Fix
      Bricks AJAX Filters

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

    • Improve / Fix
      WSForm

      Fixed preview page transitions

    • Improve / Fix
      Mobile Compatibility Udoros

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

  • 2.11.0New Text animations controls

    You now have more options for text animations.

    • New
      Viewport percent trigger for Text animations

      Choose the viewport percentage at which the animation should fire

    • New
      (Text Animations) Trigger reference

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

    • New
      (Text Animations) Per-element “run only once”

      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.

    • New
      (Text Animations) Remove when below trigger percent

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

  • 2.10.0More control anf flexibility

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

    • New
      Viewport percent trigger for entrance animations

      Choose the viewport percentage at which the animation should fire

    • New
      Stagger children for entrance animations

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

    • New
      Trigger reference: top or fully visibl

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

    • New
      Custom entrance animation

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

    • New
      Entrance trigger class

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

    • New
      Remove when below trigger percent

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

    • Improve / Fix
      Mouse animations performance

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

  • 2.9.0Smooth 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.

    • New
      Smooth scroll with Lenis

      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.

    • New
      Page Transitions logo/image option

      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.

    • New
      Per-element “run only once” option (global option still available)

      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.

    • Improve / Fix
      Border animation with hover states

      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.2Compatibility 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

    • New
      Compatibility of entrance and text animations with megamenu

      Entrance and text animations now work inside your megamenu.

    • New
      Fancy Animations adds more states to nested brick sliders

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

    • Improve / Fix
      Border animation now has a variable for the radius

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

    • Improve / Fix
      Improved compatibility of entrance and text animations with slider

      Entrance and text animations behave more reliably inside sliders

    • Improve / Fix
      More decimal places were added for ScrollTrigger animations

      Scroll-triggered animations feel smoother with finer precision.

    • Improve / Fix
      Fixes a bug that activated animations on all slides at once

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

  • 2.8.0Radial 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.

    • New
      Radial Gradient Background Animations

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

    • New
      Option to trigger entrance animations only when scrolling down

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

    • Improve / Fix
      You can now preview animations from the UI

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

    • Improve / Fix
      New update system

      New update system for more reliable and seamless updates

  • 2.7.3Entrance Animations distance overwrite
    • New
      Animation 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.2Mouse 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

    • New
      Mouse animations UI

      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
      New page transition animation (Circle reveal)

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

    • Improve / Fix
      Links with #

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

  • 2.7.0Hover animations UI and Bricks 2.0 Compatibility

    Now you will be able to find Hover animations in the styles tab along with the other animations.

    Bricks2.0 support has also been added.

    • New
      Hover UI

      Now you will be able to find Hover animations in the styles tab along with the other animations.

    • Improve / Fix
      Bricks 2.0 Compatibility

      Compatibility with Bricks 2.0 alpha.

  • 2.6.1Fast bug fix
    • Improve / Fix
      Text animations removed br tags

      Fixed text animations not removing html br tags from texts.

  • 2.6.0UI Tex animations / More Text Animations

    Previously, text animations required using classes, but with the new UI, you can now apply them easily. Classes still work, so advanced users can continue using them if they prefer.

    ???? Reminder: Don't forget to enable text animations from the plugin settings in your WordPress admin panel!

    UI Tex animations Bricks builder

    This version also includes 8 new text animations to enhance your creativity:

    • Flip X
    • Flip Y
    • Skew LTR
    • Skew RTL
    • Rotate LTR
    • Rotate RTL
    • Slide Down RotateSlide Up Rotate

    • New
      UI Text animations

      Say goodbye to manually adding classes! With the new Fancy Animations UI, applying text animations is easier than ever. Now you can select and customize animations directly from an intuitive interface

    • New
      8 New Text Animations Are Here!

      These fresh effects give you even more creative possibilities to make your text dynamic and engaging.

    • Improve / Fix
      Disable Text Animations on Tablets & Mobile

      We've fixed an issue where the "Disable animations on tablets and mobile" setting was not working for text animations. Now, text animations will properly respect this setting, ensuring a smoother experience across all devices.

    • Improve / Fix
      Page Transitions & Google Speed Test Insights

      We've resolved an issue where page transition animations sometimes caused conflicts with Google Speed Test Insights.

  • 2.5.3Reverse ScrollTrigger Animations

    You will now find a new option that makes the animation play in both directions. When enabled, the animation moves forward and then reverses, creating a back-and-forth effect without any additional configuration.

    Although this might seem like a simple update, achieving this effect purely with CSS required complex calculations. To make this work natively, I developed a mathematical formula that dynamically adjusts the animation using only CSS variables—no JavaScript needed! This ensures optimal performance while delivering a seamless, fluid motion.

    To help you see how this new option works, I've created a template you can check out.

    • New
      Reverse ScrollTrigger Animations

      You will now find a new option that makes the animation play in both directions

  • 2.5.2Entrance animations UI

    Now, when you select an element, you’ll find the "Entrance Animations" option in the Style tab.

    • New
      Entrance animations UI

      The class-based system is still available for advanced users, but this new interface is much more user-friendly, especially for those unfamiliar with working with classes.

    • New
      Possibility to deactivate animations in mobile for each element.

      You can disable animations for individual elements through the interface, or, disable them globally from the plugin settings.

    • Improve / Fix
      Animations without bounce

      Animations now use the ease timing function for smoother transitions. If you want an elastic or bounce effect, you can enable the Elastic timing-function for a more dynamic feel.

    • Improve / Fix
      Loop no longer has a fade effect

      Now infinite loop works without adding fade when restarting the animation.

    • Improve / Fix
      Optimize CSS did not render all attributes.

      All attributes of scrollTrigger animations are now rendered in the optimized CSS.

  • 2.4.3Awwwards Animations

    I’m excited to share the final update of the year for Fancy Animations! While it’s not a plugin update, this release will help you discover the full potential of Fancy Animations.

    ???? First, watch this video:

    In this video, I explain how to use the "parent" and "get parent" options, which are essential for this release.

    ???? What’s new?
    I’ve created a collection of templates featuring Awwwards-style animations. These templates will help you deeply understand how to create this type of animation and practice building your own.

    When FA was first launched, it only included entry animations. However, it has grown significantly, adding key features like ScrollTrigger Animations, allowing you to create scroll-based animations without GSAP and without impacting your website’s loading times.

    Although this feature has been available for a while, it was originally aimed at advanced users who work with classes. But with version V2.4.3, it’s now much more accessible for everyone. With these new templates, I’m confident you’ll stop seeing FA as just a simple animation plugin and start exploring its full potential.

    I hope you enjoy this release and feel inspired to create even more amazing animations.

    • New
      Fancy Animations Templates

      I’ve created a collection of templates featuring Awwwards-style animations. These templates will help you deeply understand how to create this type of animation and practice building your own.

  • 2.4.3ScrollTrigger UI

    Enjoy a new graphical interface that makes scroll trigger animations easier than ever. Customize animations with intuitive controls for start, end, from, and to. Plus, options to reverse animations, disable them on mobile devices, and more.

    • New
      ScrollTrigger UI

      Find the new option in the element style tab.

    • New
      Span in text reveal

      You can now add a span with classes to style your text without being affected by the ScrolllTrigger TextReveal animation.

  • 2.3.2Compatibility with Bricks Ajax filters

    Now the entrance animations work with Bricks filters, at the end of the filter ajax request the animations will restart again, this will make your filters more attractive.

    • New
      Compatibility with Bricks Ajax filters

      Now the animations are restarted when filtering, I recommend adding the no delay class for a better experience.

  • 2.3.1Bug fixes
    • Improve / Fix
      Animations did not run in the editor when text animations were disabled.

      Fixed a bug that prevented animations from running in the editor when text animations were disabled.

  • 2.3.0Text Animations

    Our text animations are not only visually stunning, they are also optimized for performance. With a lightweight script of just 1.2K, these animations keep a clean DOM structure without breaking accessibility and without compromising speed.

    • New
      Text Animations

      You must enable “Text animations” in the plugin settings for the classes to work.

  • 2.2.5Text reveal - ScrollTrigger

    Now you will find a new class in ScrollTrigger animations called fa--text-reveal, this text animation does not affect SEO and accessibility because it does not break words or characters.

    This class also has its modifiers: start, end, from and to.

    • New
      Text reveal - ScrollTrigger animation

      Now you will find a new class in ScrollTrigger animations called fa--text-reveal. This class also has its modifiers: start, end, from and to.

    • Improve / Fix
      Wrap text page transitions

      Now the loading text is no longer blocked for a single line, some users used to place a long text that overflowed on mobile.

    • Improve / Fix
      Mouse Animations database

      It ensures that if a user comes from a previous version 2.0 this setting is added to the refactoring of the database.

  • 2.2.2Mouse animations

    Now you can find 3 new mouse animations: https://fancyanimations.com/mouse/

    Mouse animations Bricks builder
    • New
      Mouse animations

      Now you will find 3 new mouse animations, you must enable them from the plugin settings.

    • Improve / Fix
      Improved performance

      Performance has been improved for the new animations, a bug that caused the animations to freeze when there were many listening events has been fixed.

  • 2.1.1Custom animations

    Now you can create your own ScrollTrigger animations with the FA Framework. You just need to know a bit of CSS and creativity.

    Now you can find a class called:

    fa--custom

    To control the custom animation you can use the variable:

    var(–-fa--scroll--custom)

    This variable returns values from 0 to 1, the value will also depend on the modifiers.

    This opens up the possibilities to use various animations with transforms, e.g:

    transform: translateX(calc(var(--fa-scroll--custom) * -100%)) scale(var(--fa-scroll--custom))
    • New
      Custom animations

      Now you can create your own ScrollTrigger animations.

    • Improve / Fix
      Page transitions when body is not full width

      Page transitions now work fine when body is not full width

  • 2.0FA2.0 - ScrollTrigger Animations

    This update introduces ScrollTrigger animations. It is the first ScrollTrigger animation system that does not use GSAP or experimental CSS.

    FA2.0. It is now much more flexible and allows you to manipulate animations more freely.

    FA2.0 animations are based on CSS and an ultra-lightweight script that weighs less than 1Kb, this ensures that the performance impact is almost zero.

    FA2.0 animations also support CSS optimization, the output CSS will have only the animations used in your website.

    Advantages of FA2.0:

    • Unlike libraries like GSAP that use a 70kb + 40kb script for the ScrollTrigger module, FA2.0 uses an ultra-lightweight script of less than 1kb.
    • Unlike JS-based animation libraries, FA2.0 does all calculations with CSS and renders before loading the page and not after, further improving load times.
    • FA2.0 does not use experimental CSS like scroll-timeline, this guarantees high browser compatibility.

    If you want to see the full potential of FA2.0 you need to watch the tutorials:

    • New
      ScrollTriger animations

      The new FA2.0 animation system. The entrance animations were not replaced by the ScrollTrigger animations, don't worry.

    • Improve / Fix
      New animations are not loaded when updating manually.

      From V2.0 onwards you will no longer have to deactivate and activate the plugin to load the new animations with each update.

  • 1.6.9Custom cursor

    Custom cursor has arrived at Fancy Animations, this cursor doesn't use external libraries either, it uses an ultra light script and CSS.

    • New
      Custom cursor

      You can enable custom cursor in the plugin settings. It has a lot of options, the most outstanding options are the possibility to invert the colour in sections and to add text inside the cursor.

    • Improve / Fix
      Options were reset

      Fixed bug that cleared page transitions options when saving "animations settings"

    • Improve / Fix
      Page transitions in galleries

      Page transitions is no longer activated when the URL contains an image

    • Improve / Fix
      "On scroll animations" are now called "Entrance animations".

      It is a change to differentiate the animations that will come for FA 2.0.

  • 1.5.8Cache support for mobile browsers.

    Some browsers on mobile devices save the page cache and when you click on the back button it does not reload the JS, this meant that the page transition animation never disappeared.

    • Improve / Fix
      Page transitions

      Page transitions now works with the back button in mobile browsers and safari

    • Improve / Fix
      Classes deleted in error

      Detected bug that affected some users causing Bricks classes to be removed when uninstalling Fancy Animations.

  • 1.5.3Bug fixes

    Fixed some bugs that affected the GoogleSpeed Insights score.

  • 1.5.0Page transitions

    The most important new feature of this update is the page transitions. Other plugins use GSAP, barbara.js or Swup, these libraries will easily add 100kb of JS to your website.

    Fancy Animations page transitions use their own native script with Vanilla JS that weighs less than 2kb, and a CSS that weighs less than 1kb. This ensures that it does not affect the loading times of your website unlike other plugins.

    • New
      Page transitions

      You will now find a new sub menu with options for page transitions.

    • New
      Ken Burns

      New animations that are compatible with scroll and sliders. You can find them under the name fb-anim--kenburns-*** and fb-anim--kenburns-reverse-***.

    • Improve / Fix
      Slide btt-s

      This animation has been fixed

  • 1.3.3Nestable slider support

    Animations are now slider compatible, the big new feature is that you can use the same scroll animations, so Fancy Animations doesn't have to add extra CSS.

    Demo: https://fancyanimations.com/sliders/

    • New
      Slider support

      Slider support has finally arrived, now you can add animations inside sliders and they will be activated and deactivated depending on the visibility of the slide:

    • Improve / Fix
      Element disappeared when clicked

      Fixed bug where editor elements were hidden when clicking when the FA button was active.

  • 1.3.0New features

    Some user requests in the roadmap have been implemented.

    • New
      Disable animations on mobile

      You now have an option to add the minimum screen size to disable animations.

    • New
      Color variables

      The color fields now also support variables so you can use the colors of your favorite framework.

    • New
      Optimized CSS output

      Previously the CSS optimized output was by default, the CSS optimized output depends on the WordPress cron and sometimes it took several seconds to generate the file. Now the optimized CSS output is disabled by default and when you finish adding the animations to your website you can enable it.

    • Improve / Fix
      Administration menu

      Sub-menu names changed to be clearer

  • 1.2.3Bug fixes

    If you are one of the users who have problems with automatic updates, please download the updated .zip file from your account and upload it manually.

    • Improve / Fix
      Automatic updates

      Some users could not update automatically because their server was not trusted by our security system.

    • Improve / Fix
      License activation

      Some users could not activate their license because our security system blocked them.

    • Improve / Fix
      Error uploading the .zip file

      The latest version of WordPress added a security system that blocked compressed plugins with MAC.

  • 1.2.2Bug fixes

    It was an emergency update to fix some bugs.

    • Improve / Fix
      Preparing button to enable and disable animations

      Button for web visitors to disable animations, this to comply with the WCAG 2.3.3

    • Improve / Fix
      Error deleting the plugin

      In some cases the plugin did not allow to remove it.

    • Improve / Fix
      Fatal error

      Some servers were blacklisted by the firewall security system, which blocked access and caused fatal errors when activating or deactivating the license.

    • Improve / Fix
      Error 505

      Due to the security system of the firewall, in some cases it did not allow to activate the license.

  • 1.2.0On hover animations

    The biggest change in this version is that on hover animations have arrived and are compatible with on scroll animations.

    • New
      On hover animations

      The on hover animations have arrived, they are activated when you hover the cursor over the element. The classes can be searched with fb-hover--

    • New
      Yabe Bricks Plain Classes Compatibility

      You can search Fancy Animations classes in the free plugin Yabe Open Source - Bricks Plain Classes: https://github.com/yabe-open-source/bricks-plain-classes

    • Improve / Fix
      Accessibility tree

      Now the accessibility tree is visible even if the element is hidden and the animation on scroll is not triggered.

    • Improve / Fix
      Safari compatibility

      Animations now work much better in Safari, flicker bugs have been fixed and transitions are now displayed smoother.

  • 1.1.0First feedback from users

    Working on the first user comments and adding other on scroll animations.

    • New
      Execute the animation only one time

      Option in the administration so that the animations are shown only once when the page is loaded, and not every time the scroll is repeated.

    • New
      New animations

      Blur and Flicker animations have been added.

    • Improve / Fix
      Do not display the license key

      The license key will not be visible in the plugin administration when you enter

    • Improve / Fix
      Minor bug fixes

      Minor code changes to improve compatibility when combining animations.

Add Bricks Builder animations to your next site

From $179, one payment, every update for life. 14-day refund.