Perky Animate


We merge the Call-to-Action, Blurb and the title effect features from Fullwidth Header Extended into one. Let's us introduce you, The most powerful and versatile Custom Module ever. Perky Animate Module.

Impress your visitors with a whole new experience! The Divi Perky Animate module provides a comprehensive suite of customizations that helps you easily create dynamic text effects, image effects, background, overlay and more.

Divi Perky Animate module brings you 4 title text effects to play around with. You can choose to have purely typing, rotator, textillate or TextGIF effect or some static text in front while typing/rotator effect following after it at the same time.

Use a Fancy Line to bring attention to your title. Toggle the line on top or bottom of the title, change the color and alignment, have fun and see what works best for you. You can also easily add a sub-header and toggle it to be above or below the header title.

Want a video popup? We’ve taken care of that.

Last but not least, Divi Perky Animate module is packed with a total of 49 animations which you can apply to the entire content or set individually on title, content, and button!

We've done the hard part. So now, as the saying goes, it’s up to your creativity. Enjoy the Divi All-In-One Extended module!

6 Title effects:
You can choose to have purely typing, rotator, textillate or TextGIF effect or some static text in front while typing/rotator effect following after it at the same time.

Typing Effect

  • You can define the speed of the typing speed
  • Delay the time of effect
  • Delay the time before backspacing
  • Enable/Disable looping effect
  • Change the color of typing font
  • Change the color of the backspace

Rotator Effect(Lots of Animation)

  • You can define the speed of the rotator speed
  • Change the color of rotator font

Textillate Effect

  • Many Animation for In and Out Animation Effects
  • 4 Types of animation type (Sequence, Reverse, Sync and Shuffle) for In and Out Effect

TextGIF Effect

  • TextGIF effect to make your text like a hole in the page by using gif images
  • Add image background effect

Text Behind Title

  • You can have a background text behind the title as well. Positioning would require some custom CSS on the Advanced Tab depending on font-size and length of text.

Fancy Line on Title

  • You can select to choose before or after the title
  • Text alignment and line alignment
  • Line spacing on the top and bottom
  • Set line color


  • Use Icon or custom image
  • Text orientation
  • Text Vertical Alignment (Top, Center or Bottom)

Border Wrapper:

  • Wrap a border outside the content
  • Select border styles (Solid, Dashed, Dotted)

Background Effects:

  • 5 types of background gradient (Left to Right → – Top to Bottom ↓ – Radial ○ – Diagonal ↘ – Diagonal ↗)

Overlay Effects:

  • 5 types of background gradient (Left to Right → – Top to Bottom ↓ – Radial ○ – Diagonal ↘ – Diagonal ↗)
  • 2 types of overlay styles (Boxed or Full)

Background Image Filters:

  • Zoom image on hover
  • 7 types of effect on hover (Grey, Sepia, Saturate, Invert, Brightness, Constrast and Blur)

Hide content:

  • Able to hide content (Better to use with background image)
  • Show content when hover
  • Alternative title and description to show in the center when you hide the content with ability to choose alignment from top-left to right-bottom
  • 37 types of appearing content effects to choose

49 Animations to choose from:

  • Set animation on the whole section
  • Set animation/delay effect on title, sub heading, image, content, buttons and scroll down buttons

Video Popup:

  • Video links will be taken from button one or button two link
  • On click popup on button one, button two or making the whole perky animate clickable

Make Entire Div Clickable

  • This will make the entire Perky Animate Clickable with your URL link or open them up in new window

Advanced Design Settings

  • All Title, Content, Buttons, Border Wrapper, Alternative Title, Background Image height can be styled

Hover Push Animation

  • This will enable a raise effect on the div when hovering slightly pushed up.

Tilt Effect

  • This will have an Interactive 3D hover effect.

Version: 1.7.5 Updated: 22 Jan, 2018

You can download the demo Divi JSON layout:
Perky Animate Demo JSON Layout (2023 downloads)

Please be aware that you will need an amount of experience in Divi Theme and WordPress to take advantage of our themes and plugins. Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads. Refunds are completely at our discretion. All 3rd party custom Divi modules in the Divi community are fully functional in Page Builder. Modules added through page builder can be viewed, but cannot be added or edited through Visual Builder. This is a constraint placed on third party modules in Divi 3. We will have to wait for Elegant Themes for any update.
Live Demo


Installing Divi Perky Animate

After downloading the Divi Perky Animate installation file from, extract it and in the extracted folder locate the file. You can then install the Divi Custom Module Extended Module using one of the two following installation methods:

  1. WordPress upload – For most users, this is probably the simplest installation method. To install the Module using this method, please follow these steps:
    1. Login to your WordPress admin panel
    2. Navigate to Appearance > Plugins > Add New > Upload Plugin
    3. Click on Choose File and select
    4. Click on Install Now
  2. FTP upload – If you would like to install the Custom All-In-One Extended module via FTP, please follow these steps:
    1. Extract the dwd-perky-animate-UNZIPTHISFIRST.zipfile you previously located. You should now see a folder named dwd-perky-animate-UNZIPTHISFIRST
    2. Using an FTP client, login to the server where your WordPress website is hosted
    3. Using an FTP client, navigate to the /wp-content/plugins/ directory under your WordPress website’s root directory
    4. Using an FTP client, upload the previously extracted dwd-aio-module-extended folder to the plugin directory on your remote server

Activating Divi Perky Animate

To activate the Perky Animate Module, you have to navigate to Appearance > Plugins > Installed Plugins and click on activate.

After you have done this, your Divi Perky Animate modules will be ready for use. you should see Perky Animate appear in Divi Builder.

What you will be getting after purchasing:

  • Documentation on how to install and using the Perky Animate module
  • Plugin zip file

A whole new experience on Divi. Start building and impress your visitors with title effects, background effects, animation and more!

9 reviews for Perky Animate

  1. Rated 5 out of 5


    Many thanks for demo layout. Now is clear how to repeat all this awesome effects. Great plugin and big fun. Thank you!

    • Ken Ng

      More to come. Bringing more features. Stay tuned 🙂

  2. Rated 5 out of 5

    sergio (verified owner)

    Thanks very much to the team, for the plugin and for the support post sale. Great Job

    • Ken Ng

      Thank you Sergio for your support and kind words. More will come 🙂

  3. Rated 5 out of 5


    I’m a big fan of your modules by the way! You guys bring more life to Divi. Looking forward for more and keep up the good work!

    • Ken Ng

      Thank you for your support Rob! Cheers!

  4. Rated 5 out of 5

    Gonzalo (verified owner)

    Thank you very much for this plugin!! I’m really impressed!!
    I have a question: is there a way of aplying the Particles Effect in AIO Module? It would be great!!

  5. Rated 3 out of 5

    Fahmi (verified owner)

    I just bought this plugin, should I need input license code ? If yes, how to do that ?
    Why AIOEM not work from front end, if I enable Divi Visual Builder, set it like image AIOEM but the result is blank until I exit Visual Builder, then image displayed, but if I enabled again, all gone.

    can you help me, thank you

    • Ken Ng

      Hello Fahmi,

      Yes there’s a license key but we are working currently to bring auto update via your WordPress dashboard next version.

  6. Rated 5 out of 5


    Hi, it looks amazing, great job! I just can see if I can also use “All In One Extended Module” in fullwidth mode ? Like in “Custom fulwidth header extended module”? Thanks

    • Ken Ng

      Hi Luke, Thanks! Do you mean Fullscreen? No it does not have Fullscreen option. This is not the same as Fullwidth Header Extended. If you wanted Fullwidth Row, then you will have to set on the Row Setting instead.

      The difference between the Fullwidth Header Extended and AIO extended module is that AIO is more for Standard Section(Columns)

      Take a look at our demo

      AIO does have title effects from Fullwidth Header Extended but that’s all what we bought over to AIO. Particles and Animated background will not be included in AIO because of performance issue. We do not want our customer and start emailing us saying that our modules are lagging. It’s not true. It’s because, imagine having 4 columns and turning on the Particles on a page would lag out a visitors. So we decided not to include that in AIO module.

      AIO does offer more features than Fullwidth in terms on animation as seen on the demo(Overlay, Background Image Filters and others more are coming.

      Fullwidth Header Extended is only for Fullwidth Section and it’s more for Header.

  7. Rated 3 out of 5


    is it possible to apply overlay image with caption on portfolio module?

    • Ken Ng

      Hello Jean,

      This module is not based on Portfolio module. So it can’t be apply to it. However, we are working on something else.

  8. Rated 3 out of 5


    Hello, i bought your plugin and it’s nice..i found a sort of bug with the fancy line styling – line width…if i add more than 200px (ex: 300px)…after i save and it works on the site, but if i open again the aio panel for make some modification, my width of the fancy line styling it goes back to 200px and i have to set again the line width because on my site now it’s 200px and not like i made (ex. 300px)
    Could you fix them?

    • Ken Ng

      The fancy line width line maxed at 200px at the moment. I will try to increase them to 400px in the next update.

  9. Rated 5 out of 5


    Looks like a very nice plugin. Does tilt effect effect looks like 3d parallax? Are there examples of effects? Thank you

Add a review

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

[version 1.7.5] Updated on 22 Jan 2018
  • Enhance: All Title Effects - Effects will start when you scroll to that section. When using Hover Animation, effects will start when you hover over them. Huge improvement.
  • Enhance: Title Effects JS file
  • Change: CSS file and JS file
[version 1.7.4] Updated on 02 Jan 2018
  • Add: Sub heading
  • Add: Background Text vertical and horizontal alignment
  • Enhance: Rewrote fancyline for compatibility across FHE, Perky and Slider Animate.
  • Enhance: Cleaner Settings UI
  • Fix: Tilt Effect hover scaling not returning to normal state. Targeting context only for now.
  • Fix: TextGIF css class
  • Change: CSS file and JS file
[version 1.7.3] Updated on 23 Dec 2017
  • Fix: Typing Effect not looping when using &
[version 1.7.2] Updated on 21 Dec 2017
  • Fix: Tilt Effect Parallax Effect on inner element
  • Fix: Tilt Effect Safari transform issue
  • Fix: Whole Link ahref link
  • Remove: Duplicated Code
[version 1.7.1] Updated on 19 Dec 2017
  • Add: Tilt Effect - An Interactive 3D hover effect
  • Option: Maximun Tilt Value
  • Option: Scale on Hover
  • Option: Tilt Speed
  • Option: Glare and Glare Value
[version 1.7.0] Updated on 9 Dec 2017
  • Fixes: equal column CSS affecting other column when using other modules.
  • Remove: Material Shadow Option(This will be removed for good since Divi added Box shadow option and you can do this with that. Saving this for other better options)
  • Add: Header Level for Title
  • Add: Filters (Released by Divi today)
  • Enhance: Clean Up Codes
[version 1.6.8] Updated on 17 Oct 2017
  • Fix: License Page
  • Fix: Missing Alternative Background Color
[version 1.6.7] Updated on 20 Sept 2017
  • Fix: Push Animation due to recent Divi css changes on column
  • Improve: The Fade Scrolling Effect
Updated on 16 Sept 2017
  • Fix: Animation on Title when using Fancyline due to spaces in the css class
  • Improve: Following the default style of the Divi Page Builder categorizing and make it compatible with the latest Divi
Updated on 1 Sept 2017
  • Fix: Missing CSS classes which causes exisiting AIO users to break due to postion relative, height, width and flexbox
Updated on 31 Aug 2017
  • Add: Hover Push Animation
  • Add: After Text on Typing Effect and Rotator Effect. Adding a static text after Typing Effect and Rotator Effect is now possible.
Updated on 01 Aug 2017
  • Fix: Undefined index wrapper_border_width_tablet, wrapper_border_width_phone and wrapper_border_width_last_edited
Updated on 29 July 2017
  • Fix: Border Radius on background image and gradient. Now it is displaying the radius on these two when using Border Radius
  • Fix: Remove equal column hack css and use jquery to check if column is using Perky Animate to apply Flexbox to get equal height
Updated on 27 July 2017
  • Fix: Flexbox bug on Safari
  • Fix: z-index issue
Updated on 23 July 2017
  • Fix: PHP sprintf error
Updated on 22 July 2017
  • Fix: Based on AIO 1.4.1 due to Divi restriction which causes end users not to open on Windows OS with Chrome Browser because of too many features. (We will add more if we hear anything from Divi)
  • Add: 37 types of Hover Content Effect and 7 types of 7 Image Filters
  • Fix: Equal Column on Perky Animate when using Module background instead of Row Background Option (Kind of Divi bug)
  • Fix: Overlay Option (Now it is showing correctly when you select the correct option. If you select Show only on hover, it will show only when you hover.
Updated on 21 July 2017
  • Fix: Bring back the old AIO background gradient option (This will be removed in the near future since Divi already has gradient background settings)
  • Fix: Equal Column on Perky Animate
  • Fix: duplicated variable
Updated on 20 July 2017
  • Change: Rename AIO to Perky Animate Module
  • Fix: 20 bug fixed - From Video Popup to title effect
  • Add: Alot of new Hover Content Effect and Alternative Blurb Icon and more
  • Change: License core file
Updated on 22 March 2017
  • Fix: Whole link Video Popup
  • Fix: Video Popup close icon CSS on click
  • Improve: Preload Text for Text Rotator - Huge huge improvements
  • Improve: License page UI to match WordPress (Added License key expiry date)
  • Improve: Additional CSS Class when using Divi Builder Plugin
  • Remove: Video popup script and make use of Divi enqueue script which is \"Magnific Popup\". 3 files were removed for better loading time (Please use direct youtube or vimeo link)
Updated on 20 March 2017
  • Improve: Additional CSS Class when using Divi Builder Plugin
  • Fix: Image Filter Typo Echo
  • Enhance: Calling of require PHP file on load
Updated on 16 March 2017
  • Fix: Fancyline Margin default CSS
  • Enhance: CSS class and ID for Divi Builder 2
Updated on 15 March 2017
  • Fix: Fancyline Conflict with FHE which cause AIO fancyline to be overlapping
Updated on 13 March 2017
  • Fix: License Key Notification dismissal
  • Enhance: CSS Animation
Updated on 03 March 2017
  • Remove: Licensing Option page on Divi Menu
  • Add: Licensing Option page to WordPress Settings Sub Menu
  • Add: Material Design Shadow with 5 types of depth (Thanks for to Advanced Design Settings
Updated on 01 March 2017
  • Improve: Loading JS on Button Hover animation. Now compatible with FHE module
Updated on 28 Feb 2017
  • Fix: IE11 Alignment
  • Improve and fix: CSS animation (Now more smooth)
Updated on 25 Feb 2017
  • Add: Unhover Overlay on Hover
  • Improve and fix: CSS
Updated on 24 Feb 2017
  • Fix: License Option Page compatibility for Divi Theme, Extra Theme and Divi Builder
  • Improve: The activation and status for license key and page
Updated on 22 Feb 2017
  • Fix: function \'dwd_aio_license_notice\' not found or invalid function name
  • Fix: Shortcode on content now displaying
  • Fix: Missing arr on Typing effect
Updated on 21 Feb 2017
  • Change: Shifted animations settings to Pro Setting Tabs.
  • Add: Scrolling Fading Effect
  • Add: Flip Left 360, Flip Right 360, Flip Downwards 360, Flip Upwards 360, Flip Left, Flip Right, Flip Downwards, Flip Upwards to Hover Content Effect
Updated on 17 Feb 2017
  • Fix: Module Height when using Whole Link
  • Enhance: CSS
Updated on 14 Feb 2017
  • Fix: Module Height
  • Fix: Autoupdate and licensing system
  • Fix: PHP undefined error
  • Add: Alternative Description(Now with Title and Description)
  • Add: Alternative Title Vertical Alignment: Center, Center Top, Center Bottom, Left Top, Left Bottom, Right Top, Right Bottom
  • Clean: Clean Up CSS and PHP
Updated on 10 Feb 2017
  • Fix: Overlay when no background used
Updated on 10 Feb 2017
  • Fix: Typing Effect (Description to use | instead of comma)
Updated on 9 Feb 2017
  • Fixed: Licensing PHP error
  • Enhancement: Licensing system compatible with other modules
  • Add: Automatic updates with License keys
  • Add: Divi Extended on WordPress Sidebar Menu for future plans
  • Fix: 100% Height when using Equalize Column Heights on row settings
  • Fix: Apply Padding when using Border Wrapper
  • Fix: PHP error Undefined index
  • Fix: Typing effect not showing
  • Enhance: CSS flex and clean up
Updated on 3 Feb 2017
  • Fix: Video Popup URL when using Whole Link
Updated on 13 Jan 2017
  • Fix: AIO Div overlapping when using 1/2 1/4 1/4 columns on tablet and mobile
  • Improve: Typing preload text
  • Change: Delayspeed and typing speed value
Updated on 24 Dec 2016
  • Fixed: Hover Button Animation Arrow CSS on Button 1 and Button 2(Calculation)
  • Added: 3 types of Underline styles to choose from when hover over Title or the Whole Div(Centerout, Left to Right, Right to Left)
  • Added: Advanced Settings for Underline Title
Updated on 20 Dec 2016
  • Added: Hover Button Animation (2D Transitions and Speech Bubbles)
Updated on 15 Dec 2016
  • Fixed: TextGIF js path
  • Fixed: Missing TextRotator js
Updated on 12 Dec 2016
  • Changed: Use ATTR instead of Data jquery for TextGIF
Updated on 7 Dec 2016
  • Added: dwd-whole-link css class as block
  • Added: Use Video Popup on Whole Div
  • Added: AIO Wrap Content Styling(Background)
  • Added: Make Button Fullwidth on Mobile
  • Fixed: Overlay Option Display
Updated on 29 Nov 2016
  • Fixed: css !important removed
  • Changed: Push effect css to ease-in-out instead of ease-out
Updated on 24 Nov 2016
  • Fixed: sprintf error message
Updated on 19 Nov 2016
  • Fixed: Overlay Box Gradient on Load and on Hover
  • Added: Border Radius (Advanced Design Settings) - When you use border
  • Added: Show Overlay on Hover Option
  • Added: Hover Animation (Flip) on Icon
  • Added: Add links to Whole Div Section with New Target Window or Same Window
  • Clean: CSS and PHP
Updated on 18 Nov 2016
  • Fixed: 4/4 Column width and margin css
  • Added: Second Button with Video Popup feature
  • Added: Animation Feature on Button #2 (Advanced Design Settings)
  • Added: Button #1 and Button #2 on Custom CSS Tab
  • Added: Show overlay only when hover
  • Clean: CSS and PHP
Updated on 17 Nov 2016
  • Fixed: Push effect for Top and Bottom CSS
  • Clean: CSS and PHP
Updated on 16 Nov 2016
  • Removed: Remove some beta features on release
  • Clean: CSS and PHP
Updated on 14 Nov 2016
  • Fixed: Conflict with Fullwidth Header Extended module where AIO is not showing up when used together
  • Fixed: Conflict with Fullwidth Header Extended module where animate css is not loaded
Updated on 9 Nov 2016
  • Fixed: Conflict with Fullwidth Header Extended module where video popup css is not loaded
Updated on 4 Nov 2016
  • Fixed: Z-Index Border Wrapper when row background has color
  • Fixed: Z-Index Background Text when row background has color
  • Improve: CSS file
Updated on 3 Nov 2016
  • Fixed: Title and Blurb where no ahref tag
  • Improve: CSS file

Our themes and modules includes the plugin files, 1 year of online support and access to plugin updates. You can use them on unlimited sites(your own and clients) even after support period. You can renew your license(s) after one year to continue to receive online support and plugin updates. You are not allowed to resell this or include this in your commercial product. In other words, you cannot sell child themes with this module. If you wish to do so, please contact us.

Updated 18 July 2016

Pin It on Pinterest