Advanced Animations for Bricks Builder
FA 2.0 is hereAdd magic to your website without worrying about performance.
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.
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.
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.
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.
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.
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.
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!
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.
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.
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.
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).
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.
Lifetime Deal
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.
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:
-
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.
-
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/