Perky Animate

(14 customer reviews)


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)
  • Overlay Text and Icon/Image

Background Image Filters:

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

Hover Content Animation:

  • Able to hide content (Better to use with background image)
  • Show content when hover
  • Sequenced Animation – Every elements in the Divi Perky Animate module will animate in sequence when hover. You can choose whether to animate in sequence or as a whole. Your choice. We’ve done the hard part and now it’s your turn to impress your visitors.
  • 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

Cover Image:

  • 6 types of hover animation on cover image (Zoom in, Zoom out, Left to Right, Right to Left, Top to Bottom, Bottom to Top)
  • 7 types of effect transition on cover image (Grey, Sepia, Saturate, Invert, Brightness, Constrast and Blur)
  • Cover image text and description with hover animations.

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: 2.1.3 Updated: 1 Feb, 2019

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

14 reviews for Perky Animate

  1. Deana

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

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

    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. jean-françois

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

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

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

  10. jenny.grossbard (verified owner)

    I can’t imagine building a Divi website without this plugin! It is beautiful, feature rich, and always ahead of the curve in terms of design and functionality. It works amazingly well in the Visual Builder too! I really appreciate that the developers behind this plugin are working tirelessly to constantly improve it and to offer top notch customer support around the clock. Highly recommended!

    • Divi Web Design

      Thank you Jenny! Thanks for your review! More to come soon! Standby!

  11. Dean (verified owner)

    I have been using this Plugin for a while. I had a question, so I asked and within a day, I got my answer.

    I must say this, there are a lot of businesses in this market that sell this and that, but very few provide good service. The guys at DWD not only provide fantastic support, but they also support their products they sell and constantly update the plugins even when they don’t need to. Now that is a company that stands behind what they do!

  12. Gary M Smith

    This one plugin will replace 3-4 of the plugins I’m currently using. However, I’m in need of a nice video lightbox. I know this plugin does video popups, but Is there an example of the video lightbox functionality, anywhere?

    • Divi Web Design

      Just replied to your email

  13. garythinks (verified owner)

    Thanks for all of the quick replies. I appreciate it. This is probably the most useful plugin in terms of design. It’s really well designed and it works seamlessly with the Visual Builder (which is rare).

  14. hi2 (verified owner)

    Thank you for putting together this amazing plugin, it has often been the great finishing touches of many projects now. I’m glad to say I trust the developers & will look forward having this plugin stick around for many projects in the future.
    The support is reliable – no long delays between replying & great advice.
    Would highly recommend if you’re looking to spice up your project with some animated modules – flip boxes, reveal effects and sequenced animations!! 5*
    Tested and working fine with WP 5.1 and latest Divi releases.

Add a review

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

[version 2.1.3] Updated on 1 Feb 2019
  • Fixed: Typing Effect showing error on Visual Builder when using Static + Typing
[version 2.1.2] Updated on 23 Dec 2018
  • Fixed: Perky Animate Module error showing up on visual builder when using title effects due to new Divi 3.18 update.
  • Enhanced: Typing Effect on Visual Builder
  • Enhanced: Overall experience on Visual Builder
[version 2.1.0] Updated on 7 Sept 2018
  • Fixed: Custom CSS field for Blurb Image targeting wrong css class
[version 2.0.9] Updated on 5 Sept 2018
  • Added: Overlay Icon/Image
[version 2.0.8] Updated on 26 Aug 2018
  • Fixed: Blurb Icon/Image left align
[version 2.0.7] Updated on 16 Aug 2018
  • Fixed: Whole Div as Video Lightbox Popup not working on frontend
[version 2.0.6] Updated on 13 Aug 2018
  • Fixed: Missing JS on admin backend for license notification
[version 2.0.5] Updated on 31 July 2018
  • Fixed: Typing Effect Looping on scroll
  • Fixed: CSS transition on Blurb Icon/Image
  • Added: Background sizes, repeat and position for both Cover and Background Images
  • Added: Sequenced Animation for Content Hover
  • Clean up: CSS & Javascripts files
[version 2.0.4] Updated on 21 July 2018
  • Fixed: Remove some google text which is showing up in backend
[version 2.0.3] Updated on 20 July 2018
  • Fixed: Title Padding Background Color
[version 2.0.0] Updated on 31 May 2018
  • Enhanced: Compatible with Visual Builder
  • Enhanced: Rewrote Perky Animate based on the new Divi Developer API and overall improvements
  • Changed: CSS and JS files
[version 1.8.1] Updated on 13 April 2018
  • Added: Cover Image Feature
  • - 6 types of hover animation on coover image (Zoom in, Zoom out, Left to Right, Right to Left, Top to Bottom, Bottom to Top)
  • - 7 types of effect transition on cover image (Grey, Sepia, Saturate, Invert, Brightness, Constrast and Blur)
  • - Cover image text and description with hover animations.
  • Changed: CSS and JS files
[version 1.8.0] Updated on 29 March 2018
  • Fixed: Conflict with Visual Builder which causes 3rd party custom module settings and values to reset upon saving via Visual Builder
  • Enhanced: Box Shadow, Border for both buttons and images based on latest Divi Blurb Module
  • Changed: CSS file
[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) at 50% off 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