Perky Animate

Rated 4.25 out of 5 based on 8 customer ratings
(8 customer reviews)


More than 2500+ customers and counting from around the world rely on our Divi Fullwidth Header Extended. Featured on ElegantThemes blog topic on 10 Awesome Third-Party Divi Plugins. One of the must have for Divi sites.

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

Material Design Shadow Styles

  • You can set shadow on the element. 1 to 5 determines how far raised or close to the page the element is.

Version: 1.6.3 Updated: 1 Aug, 2017

You can download the demo Divi JSON layout:
Perky Animate Demo JSON Layout (1736 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!

8 reviews for Perky Animate

There are no reviews yet.

Be the first to review “Perky Animate”

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

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