Ultimate Divi Builder Addons - Give superpowers to Divi Builder!

Ultimate Divi Builder Addons – Give superpowers to Divi Builder

Take the power of Divi builder to next level with Ultimate Divi Builder Addons – UDBA. You can activate popular jQuery libraries that used by million dollar websites with a switch of toggle. Currently there are 23 effects included in the plugin. You can use these effects on a page or theme template files.

Test Drive This Plugin
 

Live Demos are available in a separate tab below

Some of the cool effects you can create with the plugin include, Stacking EffectPage Piling Vertical scrollPage Piling Horizontal scroll, + many more…

 

Don’t have Divi? get it first from HERE

The plugin is totally FREE to Divi community. Just make the below value to ‘0’ and get the plugin for free. If you want to support the project then please consider to make a small donation. This helps us to improve the plugin.
If you want to contribute to this project, then you can do so in the plugin’s GitHub repo >

$

Description

Have you ever wondered how those amazing effects created in popular web sites?

‘Ultimate Divi Builder Addons (UDBA)‘ is the only plugin you will ever need to re-create amazing effects you see in popular websites right inside Divi builder.

We all know Divi theme is a great tool to build web sites. The page builder is easy to use and intuitive. Theme customizer, the epanel allow to customize the design of your site easily. There’s one problem though, and it’s a big problem! When you look at all the sites built with Divi theme, they all look the same. You will need many lines of custom code to change default Divi theme look. You can never achieve the design and functionality of those popular sites that clients are willing to pay millions of dollars without hiring an expert developer. Let’s face it, If you are using a drag and drop page builder based WordPress theme like Divi, you should be able to create your masterpiece without touching a line of code. So, Are you a Divi web designer tired of giving same old designs to your clients? Don’t worry, you won’t be need to learn custom code or hire an expert developer anymore. All you’ll need is ‘Ultimate Divi Builder Addons – UDBA‘ plugin to help you create stunning web pages with switch of a toggle!

‘Ultimate Divi Builder Addons’ (UDBA) allows you to activate popular jQuery libraries that used by million dollar websites with switch of a toggle. Currently there are 23 effects included in the plugin. You can use these effects on a page or theme template files.

Test Drive This Plugin
 

Check out this Plugin Walkthrough to see the plugin interface and how easy it is to use in Divi builder or any other page builder you like:

Want to contribute to this project? View the GitHub repo of this plugin >

(Any fork of this plugin should have the same license and deliver as a FREE product to the WordPress community)

Terms of Sale:

You can use our products for both personal and commercial use on multiple websites. So feel free to use it on your own or client websites. You are not allowed to resell or redistribute this plugin or any of its parts to anyone else.

If you would like to package our plugins into your child theme, a developers license may be purchased separately. Please contact us for more details

You get product updates for lifetime – We will make every attempt to ensure that our products are compatible with all future releases of Divi builder. You can access product updates through ‘My Account‘ Page.

For product support you can directly contact us. We provide 3 months of direct product support – Support is provided for bug fixes only. If you need customization support you will have to pay our hourly rate ($50 per hour)

Please note, If you bought a product from our store at ‘SALE’ price Support will be provided strictly for bug fixes only

  • Ultimate Divi Builder Addons is not responsible for any conflicts due to WordPress updates, Divi updates or third party plugin updates

Due to the nature of digital products, it’s impossible to prevent fraud and still offer refunds


Compatible with PHP version 5.5 or higher

Live Demos

Effects in this plugin can be divided into mainly 3 categories:

1. General effects for Divi

2. Animation effects

3. Special effects for Divi

 

1. General effects for Divi

 

1.1 Custom Scrollbar Effect : Add mobile responsive custom scroll bars to any builder element. Please note that you have to remove any element animation in the builder to make this effect work properly. There are 8 scroll bar designs to chose from.

Demo | Test it

Source

 

1.2 Hide the Divi Theme Header when Scrolling Down : You can make the header hide when scrolling down and appear it when scrolling up.

Demo | Test it

 

1.3 Loading Header while Scrolling : Create a mobile responsive loading header effect while you scroll. This effect can used as a reading progress bar indicator showing the user how far scrolled through the current post or page they are. You can chose the color for reading progress bar. There are 4 effects to chose from.

Demo | Test it

Source

 

1.4 Scrolling windows : By using this effect you can have your visitor focus on particular sections of the page. The user can scroll through the page but at the end it will always come back to the nearest section where “window” CSS class is held. You may want to use ‘Hide the Divi Theme Header when Scrolling Down’ to make this effect appear better for the viewer.

Demo | Test it

Source

 

 

2. Animation effects

 

2.1 Fade Into View : Make elements fade in and out of view when they enter/exit the window. Works best with dark backgrounds.

Demo | Test it

Source

 

2.2 Flipping Text : Add real time typing animation to Divi text module. It creates a ticking intro animation for your typography. You can adjust the font from Advanced Design Tab of the Text module.

Demo | Test it

Source

 

2.3 Scroll Flow : Nice scroll animations to add to any Divi Module or Row. These animations works both page scroll up and down. You have 5 animations to choose from.

Demo | Test it

Source

 

2.4 Scroll fx : Scroll fx is a jQuery effect for smooth scroll-triggered animations that allows scaling text and changing the background opacity as you scroll pass them.

Demo | Test it

Source

 

2.5 Scroll Trigger : Animate any Divi module with nice slide in animation. This works with both page scroll up and down.

Demo | Test it

Source

 

2.6 Revealator Animation : Viewport Triggered Element Animations. These animations works both page scroll up and down. You can choose from 9 animation types.

Demo | Test it

Source

 

2.7 Scroll Magic Responsive Duration : This effect works best with Button or Call to Action modules. It creates nice zoom in and out animation to these modules as the user scroll through the page. Scene duration depending on viewport size.

Demo | Test it

Source

 

2.8 Scroll Reveal : Reveal modules on scroll. These animations works both page scroll up and down. There are 17 animation effects to choose from.

Demo | Test it

Source

 

2.9 WOW Animation : CSS animations as you scroll down a page. You can animate any Divi module with this effect. You need to remove all default animations in the builder in order to make this effect work. You have total 75 animation effects to choose from.

Demo | Test it

Source

—Update—
‘WoW animation library’ is already integrated into Divi builder with latest update released by Elegant Themes. Please use those animations instead of plugin’s wow animation classes. You can still use these effects on other page builder tools or in your child theme’s template files Read More…

 

2.10 Super Easy Text Rotator : Add a super simple rotating/ticking text to your website with little to no markup. You have 5 text animations to choose from. You can use these animations to any Divi module that has a text field. Use commas (,) to rotate texts inside span class.

Demo | Test it

Source

 

 

3. Special effects for Divi

 

3.1 Stacking Effect : A jQuery effect that creates a stacking effect by sticking panels as they reach the top of the viewport. You may want to activate ‘Hide Divi Theme Header when scrolling’ to make this effect appear better. There’s a conflict with Divi slider module.

Demo | Test it

Source

 

3.2 Scroll Magic Section Wipes : Wiping in content with the natural scroll movement. This effect is similar to Stacking Effect mentioned above but it doesn’t have the conflict with slider module. You need to use this effect from second section onwards. This effect is not mobile optimized.

Demo | Test it

Source

 

3.3 End Page Box : This effect will let you add an end page box that will display when scrolled to the bottom or in any range on the page.

Demo | Test it

Source

 

3.4 Page Piling Vertical scroll : This effect creates responsive scrolling stack of pages. This is the effect to use if you want to build a one page scrolling page like ‘tumblr’. Don’t activate page Piling Vertical scroll and page Piling Horizontal Scroll at the same time, It creates conflicts. This effect creates vertical scrolling for each section that has the CSS class. Use single module inside a section for best results. This effect makes a section full width and full height and also make footer sticky to the bottom of the page site wide

Demo | Test it

Source

 

3.5 Page Piling Horizontal scroll : This effect creates responsive scrolling stack of pages. This a new way to create a single scrolling page in which sections are piled one over another creating an original effect to present the information. You can use this effect to showcase your image gallery in a very attractive way. This effect creates horizontal scrolling for each section that has the CSS class. Use single module inside a section for best results. Don’t activate Page Piling Vertical scroll and Page Piling Horizontal Scroll at the same time, It creates conflicts. This effect makes a section full width and full height and also make footer sticky to the bottom of the page site wide

Demo | Test it

Source

 

3.6 Do Slide Horizontal : DoSlide is a javascrit library for full-page section scroll or horizontal slider. You can use this to have scrolling effect inside a Divi builder section. With each mouse scroll user can navigate next modules inside a row. The user can scroll through modules in the same section without having to scroll the entire page. This effect is not optimized for mobile display.

Demo | Test it

Source

Changelog

Version: 1.0 Initial release

Reviews

There are no reviews yet.

Be the first to review “Ultimate Divi Builder Addons – Give superpowers to Divi Builder”

Your email address will not be published. Required fields are marked *