Happy Elementor Addons


HappyAddons is a collection of slick, powerful widgets that works seamlessly with Elementor page builder. It’s trendy look with detail customization features allows to create extraordinary designs instantly. HappyAddons is free, rapidly growing and comes with great support.

Included 24 Free Widgets

  1. Card – Incredibly powerful widget to demonstrate your products, articles, news, creative posts using a beautiful combination of texts, links, badge and image. Using built in positioning and offset feature you can create eye-candy designs in a twist. Check demo
  2. Gradient Heading – Another gem to create eye candy headings for your websites. You can apply different gradient styles, angles, opacity, and positions to make them look even better across different device screens. Check demo
  3. Info Box – Create beautiful information boxes using icons, links and texts, and make them slick using the built in positioning features. Check demo
  4. Icon Box – A simplified version of Info box but comes with powerful display features. Perfect for showcasing interesting information to your users in various styles. Check demo
  5. Image Compare – Are you a photo-editor, agency or product designer who often needs to showcase their beautiful works in a form of before and after slider? This widget is perfect for this job. And built in styling options, vertical and horizontal orientation features can help you design these before-after sections with more creativity. Check demo
  6. Team Member – A perfect widget to showcase your beautiful team in various styles using texts, images, and social links. And just like our other widgets, you will find powerful styling options to make them stand out quite easily. Check demo
  7. Review – Showcase your user feedback, reviews and rating easily than ever using our review widget. Display user photo, texts and star ratings. Make them stand out using built in offsets and positioning features. Check demo
  8. Skill Bars – An essential building block to showcase user skills, task percentage, required tools and other progressive information in different ways. Comes with incredible customizing options to suit your needs. Check demo
  9. Contact Form 7 – This utility widget helps you to integrate existing forms built using CF7 plugin across your web pages without spending too much time. Check demo
  10. Caldera Forms – This widget can help you to display your caldera forms to display on your web pages designed with Elementor. Check demo
  11. weForms – Designed forms using weForms plugin and looking for a way to display those on your Elementor powered pages? This is the answer for that. Check demo
  12. Ninja Forms – Use this widget to embed forms created using Ninja Forms to display seamlessly on your web pages. Various styling options will help you to look at them even better. Check demo
  13. WPForms – Use this widget to embed forms created using WPForms to display seamlessly on your web pages. Various styling options will help you to look at them even better. Check demo
  14. Dual Button – DualButton widget allows you to add two flexible and trendy action buttons in your sections, in different styles. Check demo
  15. Testimonial – Create beautiful testimonial sections with different look-n-feels using HappyAddons Testimonial widget. Check demo
  16. Justified Grid – Another pro grade widget which can help you to create beautiful justified grid. Comes packed with tons of options to make it stand out from the crowd. Check demo
  17. Number – Simply beautiful, this widget can help you create stunning number blocks with various styles, look-n-feels that’s literally going to blow your mind. Check demo
  18. Logo Grid – Showcase your clients or products using our logo grid widget, and display these items with styles. Check demo
  19. Carousel – Create interesting image and text carousels using our carousel widget which comes with lot of options. Check demo
  20. Slider – Now you can create sliders with beautiful animations and effects using our Slider widget. And just like our other widgets, there are lots of customization options for you. Check demo
  21. Step Flow – Create excellent step by step visual diagram and instructions using this smart widget. Change directions, counters and make them look amazing with icons, texts and colors. Check demo
  22. Calendly – Schedule meetings without the back-and-forth emails through Calendly. We are happy to integrate this important application in our HappyAddons. Check demo
  23. Flip Box – FlipBox helps you to deliver messages in a beautiful way with before and after effects. Check demo
  24. Pricing Table


Happy Effects

  1. Floating Effects – Now you can create stunning animations for any Elementor widget using Floating Effects. Translate, Rotate or Scale – Imagination is the limit!
  2. CSS Transform – Another missing piece, a great enhancement over core Elementor that works seamlessly with every widget. You can now apply various CSS transforms like translate, rotate, scale and skew without any limitations.

Space Effects Using Floating Effects


The widgets in HappyAddons are well tested on different devices to give you the best responsive output. Our code doesn’t stink and we don’t leave you blind folded when you need support from us. Before jumping into the details, let’s have a look at the features at a glance

  • Just because it’s free, we don’t compromise with the quality at all. You’re still getting the same carefully crafted collection of widgets that you get elsewhere which comes for a price
  • Responsive and tested on different screens to ensure it doesn’t break
  • Compatible with almost every themes out there. In case of any exception, let us know and we will fix it for you
  • Comes with demo designs so that you can quickly copy the styles without spending too much to design everything from scratch
  • Ever growing, which means that we’re constantly adding new features and widgets to this collection every week
  • Comes with excellent support, and that is sweet. If you don’t understand a feature, or fail to give it a desired look which was already demonstrated in a demo, or it’s not working as expected – we got your back. Just drop us a line and we will do our best to help you figure a way out.
  • Lightweight and fast. The widgets are carefully designed to remain fat-less and bloat free. We understand how important it is to serve your page faster and we took extra care for that
  • Comes with cohesive elements, which means that these widgets are so customizable that you can easily fit them in your existing designs, and they work nicely together with each other without making anything look bad.
  • HappyAddons brings you some powerful features to the built-in motion effects section that helps you to animate and rotate objects on their x-axis, y-axis, and z-axis like never seen before, and brings lovely effects to help your websites stand out from others.

Bugs, technical hints or contribute

Please give us feedback, contribute and file technical bugs on GitHub Repo.


  • Review widget with image offset
  • Icon box widget - capsule design
  • Team member widget
  • Info box widget
  • Skill bars widget
  • Dual button widget
  • Icon box widget with label
  • Happy Effects - available in all kinds of Elementor widgets. And works smoothly with all the 3rd party Elementor addons plugin, Elementor Pro and Elementor
  • Happy Effects - CSS Transform - Rotate
  • happy Effects - CSS Transform - Rotate and Translate
  • Review widget - capsule design
  • Card widget with Happy Effects (Floating Effects)
  • Card widget - capsule design


It’s really easy and super simple to install Happy Elementor Addons plugin but before installing Happy Elementor Addons make sure you’ve installed Elementor. Elementor is the only dependency.

Automatic Installation

  1. Go to Plugins > Add New screen in WordPress.
  2. Search for Happy Addons For Elementor.
  3. Install and activate the plugin, that’s it.

Manual Installation

  1. Download Happy Elementor Addons.
  2. Extract the happy-elementor-addons.zip file. You’ll get plugin files inside happy-elementor-addons directory.
  3. Upload the plugin files to the /wp-content/plugins/happy-elementor-addons directory.
  4. Activate the plugin through the ‘Plugins’ screen in WordPress.


Can I use Happy Elementor Addons without Elementor?

I’m afraid, you cannot use Happy Elementor Addons without Elementor. Happy Elementor Addons is a collection of slick, powerful widgets that works seamlessly with Elementor page builder and it’s only for Elementor.

Does it work along with other Elementor Addons?

Yes, it does. And you’ll get some cool and extra features like Happy Effects for other Elementor Addons or Extensions.

Does it work with any WordPress theme?

Yes, it works with any WordPress theme that works with Elementor. And it best works with Hello Elementor.

Does it work with Elementor Pro?

Yes, undoubtedly.

Will Happy Elementor Addons break my site after an update?

No, It won’t break your site or any page where you used Happy Elementor Addons. We put our best effort to make you happy.


July 12, 2019
Absolutely great plugin. I have already used this on several websites and I love the floating effect. Thank you for this excellent free plugin.
July 6, 2019
Absolutely great plugin. I have already used this in several websites and clients love the floating effect. Thank you for this excellent plugin.
Read all 21 reviews

Contributors & Developers

“Happy Elementor Addons” is open source software. The following people have contributed to this plugin.



1.4.1 – 6 August 2019

  • Fix: Elementor frontend script dependency and console error issue

1.4.0 – 1 August 2019

  • New: On demand asset loading
  • New: On demand cached asset cleaning
  • New: Step Flow Widget
  • New: Calendly Widget
  • New: Flip Box Widget
  • New: Pricing Table Widget
  • Update: Added animated number support to Number Widget
  • Update: Added progress animation to Skill Bars Widget
  • Update: Various widgets default styles
  • Fix: Various responsive issue

1.3.1 – 24 July 2019

  • Fix: Elementor 2.6.* version compatibility issue

1.3.0 – 23 July 2019

  • New: Carousel Widget
  • New: Slider Widget
  • Update: Justified Grid Widget hover and animation effects
  • Update: Typography scheme support for all FREE widgets
  • Fix: Misc styling issue

1.2.1 – 18 July 2019

  • Fix: Unnecessary JS and CSS loading issue fixed

1.2.0 – 16 July 2019

  • New: Justified Grid Widget
  • New: Logo Grid Widget
  • New: Number Widget


  • New: Testimonial Widget
  • New: Floating Effects from -> to controller
  • New: Hover animation effect in Card Widget image
  • Update: Card Widget button default style
  • Update: Dual Button Widget default style
  • Fix: WP Forms style issue
  • Fix: Card Widget editor mode JS error issue
  • Fix: Dual Button Widget inline editing issue


  • Fix: Minor issue fix


  • New: Happy Effects (universal widget extension)
  • New: CSS Transform (Happy Effects)
  • New: Dual Button Widget
  • Fix: Info box icon size issue
  • Fix: Icon box icon size issue


  • Fix: Card widget responsive issue
  • Fix: Review widget responsive issue


  • Update: Offset settings
  • Fix: Offset responsive settings


  • Update: Floating effects settings
  • Update: Info box link updated to button
  • Fix: Some minor styling issues


  • Fix: Some minor issues


  • New: Card Widget
  • New: Gradient Heading Widget
  • New: Info Box Widget
  • New: Icon Box Widget
  • New: Image Compare Widget
  • New: Member Widget
  • New: Review Widget
  • New: Skill Bars Widget
  • New: Contact Form 7 Widget
  • New: Caldera Form Widget
  • New: We Forms Widget
  • New: WP Forms Widget
  • New: Floating effects (check motion effect panel)
  • Update: Plugin structure
  • Update: Widgets CSS
  • Fix: Card layout issue
  • Fix: Contact Form 7 form deletion issue


  • Initial release