If after updating to v2.3.0 you see a warning, go to the plugin settings and click the “Save settings” button.

Advanced Animations for Bricks Builder

FA 2.0 is here

Add magic to your website without worrying about performance.

ScrollTrigger animations without GSAP and without experimental CSS. Fancy Animations is the first CSS-based ScrollTrigger animation framework with an ultra-lightweight script that weighs less than 1kb.

Girl making web animations
Fancy Features

Fancy Animations for Bricks Builder

Fancy Animations stands out by offering CSS-based animations specifically designed for Bricks Builder. Unlike other plugins that rely on JavaScript or external libraries like GSAP, Fancy Animations minimizes performance impact with a script under 2KB, rendering only the CSS of the animations being used.

With a integration for sliders, hover effects, scroll-triggered animations, and more, it delivers flexibility without compromising speed or loading times, making it an ideal choice for enhancing web designs while maintaining optimal performance.

Advanced Animations

ScrollTrigger Animations

Unlike libraries like GSAP that use a 70kb + 40kb script for the ScrollTrigger module, Fancy Animations is based on CSS and uses an ultra-lightweight script of less than 1kb.

Check V.2.0
Quick animations

Entrance Animations

Add predefined entrance animations quickly with just one class. You can set it to trigger every time they enter the screen or just once.

Check animations
Clean DOM

Text Animations

With a lightweight script of just 1.2K, our text animations keep a clean DOM structure without breaking accessibility and without compromising speed.

Check animations
More interactivity

Hover Animations

Add an interactive touch to your content with hover animations. You only need one class to bring your elements to life when users interact with them.

Check animations
Interactive

Mouse animations

Enhance your website’s dynamism with mouse-responsive animations: Move, Follow, and 3D effects. These interactions create a more engaging and immersive experience for users, bringing your design to life.

Check animations
Nestable Slider

Slider Animations

Add a touch of dynamism to your sliders with smooth and fancy transitions. Entrance animations are also compatible with Bricks Nestable Sliders. Make every slide a unique visual experience!

Check animations
Customise your cursor

Custom cursor

You can enable a custom cursor in the plugin settings. It offers numerous options, with the most notable being the ability to invert colors in different sections and to add text inside the cursor.

Check cursor
Swift Transitions

Page transitions

Page transitions utilize their own native script with Vanilla JS, weighing less than 2KB, and a CSS file under 1KB. This ensures minimal impact on your website’s loading times, unlike other plugins.

More Features

Ultimate Efficiency and Flexibility for Bricks Builder Animations

Total Compatibility

Works with Bricks Builder native or CSS Frameworks like ACSS.

Absolute Flexibility

Work with any element (Block, divs, text, images, icons, etc.), providing complete design freedom.

Easy to use

No difficult timelines, just add classes and your animation is ready.

Without external libraries such as GSAP

Native code written from scratch and optimized to guarantee a minimum impact on your web load times.

Like what you see? All these animations are made possible with Fancy Animations.

Buy Now! LTD $179
boy making web animations
Cyberpunk Girl making web animations
Easy to use

How Fancy Animations works

Add the class

Type fb-anim / fb-hover / fa-- / fa--mouse / and all the available animations will appear.

Mix animations

You can add several animations (classes) to the same element (see documentation).

Animations css for brick builderFancy Bricks

Select the item

You can add animations in blocks, texts, images, icons, etc.

Control the animations

Animations have default values, but you can overwrite the time and delay in entrance animations, you can also overwrite start, end, from and to in scrollTrigger animations.

Advanced animations

With ScrollTrigger animations you can create your own animations.

Make magic

Get access now

As Fancy Animations for Bricks Builder evolves and brings new animations the price will go up and at some point the lifetime plan will disappear.

Lifetime Deal

$
179
/ One time
  • Lifetime updates

  • 100 web sites*

  • Future features

* If you exceed 100 activations, you can send me an email to purchase an additional license at the same early adopter price.

Animations for Bricks Builder

FAQ's Fancy Animations

Hello and welcome to our Frequently Asked Questions (FAQ) section for Fancy Animations! We know that everyone has questions, and we’re here to answer the most common ones.

Fancy Animations is a CSS-based animation framework designed to provide high-performance animations without taking up too much of your time. Animations are triggered on scroll, meaning when the element becomes visible.

The main advantage of Fancy Animations is its performance. Unlike JavaScript-based animations, which can slow down your site, Fancy Animations uses CSS and an ultra-lightweight script that ensures exceptional speed.

The differences between using this plugin and employing Bricks interactions to create entrance animations lie in several aspects:

  1. Bricks interactions:

    • Utilize a JavaScript library.
    • Add code to the HTML, which can result in a significant growth of the DOM if multiple animations are added.
    • Do not allow for the combination of animations.
    • Require more steps to add an animation.
  2. On the other hand, Fancy Animations:

    • Uses CSS, which ensures more efficient loading times.
    • Does not add extra code to the HTML.
    • Allows for the easy combination of animations.
    • Simplifies the implementation of animations, as it’s only necessary to add a class to have the animation ready.

Additionally, Fancy Animations provides animations that are not available in Bricks interactions and will have more features in future updates. An additional advantage of Fancy Animations is that it does not load all the CSS on your page, but only the animations that have been used.

Fancy Animations is compatible with Bricks Builder natively and can be used seamlessly with other CSS frameworks like ACSS.

Animations are automatically triggered when elements become visible on the screen, creating a smooth and engaging scrolling experience. Animations aren’t just a one-time deal; each time you revisit the section, the animations will activate once more.

Absolutely! Fancy Animations provides various classes to control animation speed and appearance delay. This flexibility enables you to create stunning animations. Learn more here: https://fancyanimations.com/docs/time-controls/

Yes, we have a 14-day return policy that allows you to request a refund with no questions asked. But you will have to assume the commissions of the payment gateway stipulated in the refund policy. For more details, please review our return policy: https://fancyanimations.com/refund-policy/

Yes, Fancy Animations allows you to combine animations, giving you the creative freedom to design as you wish. There are some minor constraints; check them out here: https://fancyanimations.com/docs/combine-animations/