HappyAddons for Elementor – 160 Elementor Widgets, GSAP Animations & Templates

HappyAddons is a comprehensive Elementor addons with 160 Free & Pro Elementor Widgets, 40+ advanced Features, GSAP animations, a Free Theme Builder, 500+ Section Blocks, 100+ Full Page Templates, and 650+ Design Presets. You can build websites faster with everything you need in one place.

HappyAddons includes a full Theme Builder by which you can build Header, Footer, Single Post Template, and Archive Page Builder – at no extra charge. This means you can build a complete site theme without requiring Elementor Pro.

Useful Links

Demo | Docs | Videos | Support | IdeaSharing | FacebookGroup | Get Pro

🔑 Key Highlights

– 12 Million+ Downloads
– GSAP Animation Pack
– 160 Free & Pro Widgets – More widgets than any competitor at this price tier
– 40+ top-notch features
– Free Theme Builder
– 400+ Design Presets – Professional designs applied in one click, fully customizable
– 448+ Section Blocks & 100+ Full Page Templates – Start any site in minutes
– No extra loading – Enable only the widgets you need, keep your site fast
– Works with any WordPress theme
– Expert support available 24/7

GSAP Animation Pack – Cinematic Motion for Elementor

With the GSAP Pack, you can create various complex animations natively in Elementor without any coding.

🎞️ GSAP Animation Features

• Global Animation: Animate opacity, position, scale, rotation, blur, skew, flip, perspective, and 25+ more properties on any widget — with scroll trigger and scrubbing support
• Marquee: Add infinite scrolling ticker sections — control direction, speed, and pause on hover
• Image Trail: Make images follow the user’s cursor in a captivating trail effect
• Sticky Pin Elements: Pin any element in place while content scrolls behind it — powered by GSAP ScrollTrigger
• Appearing Image Animation: Reveal images on scroll with cinematic Reveal, Tiles Reveal, and Corner Reveal effects
• Text Animation: Animate headings letter-by-letter or word-by-word using GSAP SplitText
• Horizontal Scroll: Break the vertical barrier with sideways scroll sections, like the best agency sites
• Happy Mouse Cursor: Add custom cursor effects with blur mode and liquid flow features.

🎞️ GSAP Animation Widgets

• Stacked Card: Layer cards on top of each other and peel them away as users scroll down
• Dropping Elements: Drop images, icons, and shapes from above with real gravity and bounce physics
• Image Cycle: Display images rotating in a circular orbit with animated headings and entrance effects
• GSAP SVG Draw: Animate SVG paths to draw themselves stroke-by-stroke on scroll
• SVG Morphing: Smoothly morph one SVG shape into another using GSAP MorphSVG
• Text Scroll: Horizontally scrolling marquee-style text
• SVG Line Draw: Horizontally scrolling marquee-style text

70+ Free Elementor Widgets

HappyAddons free version includes 70+ Elementor widgets, a full Theme Builder, and more – all at zero cost. We’ve grouped them into a few categories below to help you quickly find the ones you need.

🧩 General – Core building widgets for every type of page

• Visual Tabs: Sticky left navigation that highlights the active tab as users scroll through
• Hover Accordion: Expanding accordion panels that respond to hover for frictionless content reveal
• Team Hover Grid: Team member cards with a smooth scale hover reveal — control Transform Origin per card
• Info Box: Display key information with icons, headings, and descriptions
• Icon Box: Icon-first layout for presenting services or features cleanly
• Card: Showcase products, articles, and news with image, text, and badge in one widget
• Team Member: Introduce your team with photos, roles, bios, and social links
• Dual Button: Two CTA buttons in a single, styled container
• Skill Bars: Animated progress bars to showcase skills or completion rates
• Review: Star-rated testimonial blocks with image and text
• Testimonial: Client feedback sections in multiple layout styles
• Logo Grid: Display client or partner logos in a clean grid
• Justified Grid: Isotope-style photo galleries with filtering
• Image Grid: Simple, stylish image grid layouts
• Comparison Table: Side-by-side comparisons for products, plans, or services
• Content Switcher: Toggle between two sections or pricing plans
• Post Tab: Showcase posts within tabs
• Post List: List any posts
• Image Stack Group: Show images in a stack group
• Photo Stack: Create a critical layout of Image stacks
• Lord Icon: Add lord icons in site

🎨 Creative – Make your site visually stand out

• Gradient Heading: Eye-catching multi-color gradient headlines
• Image Compare: Before/after image slider with drag control
• Image Hover Effect: 20+ CSS hover effects applied to any image
• Image Accordion: Collapsible image panels that expand on hover or click
• Liquid Hover Image: Liquid distortion effect on image hover
• Creative Button: Buttons with magnetic, bubble, and advanced hover effects
• Animated Link: Link text with animated underline and hover effects
• 360° Rotation: Interactive 360-degree product image viewer
• Promo Box: Add promotional content box
• WhatsApp Button: Add an interactive click-to-chat button that connects website visitors directly to your WhatsApp

🎥 Slider & Carousel – Smooth, animated content that keeps visitors scrolling

• Slider: Animated image and content sliders with multiple transition effects
• Carousel: Text or image carousels with navigation controls

📣 Social Media – Connect your brand presence directly to your website

• Social Share: Social sharing buttons for any page, post, or product
• Twitter Feed: Bring Twitter-feed within site
• Social Icon: Add social links with it

📢 Marketing – Convert visitors with smarter content and scheduling tools

• News Ticker: Scrolling ticker-style content display for announcements
• Event Calendar: Google Calendar and event plugin integration
• Mailchimp Widget: Build and embed Mailchimp signup forms
• Horizontal TimeLine: Visual horizontal storyline for history or roadmaps

📊 Charts & Data – Show numbers, stats, and tables without writing code

• Bar Chart: Clean, animated bar charts for stats and comparisons
• Data Table: Fully customizable data tables built inside Elementor

🏗️ Free Theme Builder Widgets

Build your complete WordPress site theme – header, footer, single posts, archive pages – at zero cost. No Elementor Pro needed.

• Site Logo: Customize site’s logo.
• Site Title: Design site’s title.
• Site Tagline: Manage site’s tagline.
• Nav Menu: Create and style navigation menus.
• Page Title: Stylize page titles.
• Post Title: Add and style post’s title.
• Post Excerpt: Customize post excerpts.
• Post Content: Manage and style single post’s content.
• Featured Image: Add and customize post’s featured image.
• Author Box(Meta): Add & style author’s meta descriptions.
• Post Comments: Customize comment section.
• Post Navigation: Add & stylize post navigation.
• Post Info(Meta): Add post’s meta information.
• Archive Title: Add and style archive page’s title.
• Archive Posts: Create & style archive posts.

📥 Free Form Styling Widgets (Integration)

Style any major WordPress form plugin directly inside Elementor, without writing a single line of CSS. Supported Form Plugins are:

• Contact Form 7: Stylize CF7 forms.
• WPForms: Style WPForms.
• Gravity Forms: Customize Gravity Forms.
• Ninja Forms: Beautify Nina forms.
• Caldera Forms: Style Caldera forms.
• weForms: Style weForms forms.
• WP Fluent Forms: Beautify Fluent forms.

🔌 Free Features & Extensions

24+ free features included from day one. Take a look at them below:

• Header Footer Builder: Create free Elementor header and footer.
• Single Page/post Template Builder: Design and create single blog post’s template for free.
• Archive Page Template Builder: Design archive page.
• Theme Builder: Set display conditions across your entire site
• Floating Effects: Add Translate, rotate & scale animations on any widget
• Background Overlay: Allow to add images, colors, & icons behind any widget.
• Column Control: Rearrange the order of the column in small devices.
• Happy Clone: Duplicate any post, page, or template instantly
• Grid Layout: Maintain perfect alignment across layouts
• Happy Templates(Freemium): 500+ section templates & 70+ full page templates are available.
• On Demand Asset Loading: Only loads the specific CSS and JavaScript needed for the widgets
• Happy Shape Dividers: 18+ new shape dividers added within Elementor shape dividers.
• Equal Heights: Set equal heights to columns/sections/containers/widgets.
• Happy Line Icons: Get line icon library within elementor.
• Happy Tooltip: Add tooltips to any element.
• Scroll To Top: Add scroll to top button.
• Fixed Size Controls in Elementor Button: Set a fixed size to Elementor Buttons to make a perfect circular button.
• Background Parallax: Adds a dynamic multi-layered scrolling effect to your element backgrounds
• Hugeicons: Use Hugeicons directly in your editor.
• Liquid Glass: Design modern frosted-glass layouts with fluidly morphing background shapes

75+ Pro Elementor Widgets

HappyAddons Pro unlocks 75+ additional Elementor widgets for professional sites, agencies, and developers.

🧩 General – Advanced building blocks for complex layouts and interactions

• Advanced Heading: Multi-layered heading designs with custom styling per word
• Advanced Tab: Tabbed content builder with nested element support
• Advanced Accordion: Accordion builder with nested widget support
• Modal Popup: Click-triggered popup builder for any content type
• Countdown: Countdown timers with multiple display styles
• Timeline: Visual vertical timeline content builder
• Sticky Video: Picture-in-picture video player that follows the user
• Table of content: Auto-generated table of contents for any post
• Advanced Comparison Table: Feature-rich comparison tables for products or plans
• Featured Post: Showcase your most important blog posts in grids, lists, or masonry layouts
• Feature List: Create beautiful lists items.
• Advanced Toggle: Show/hide items on toggle.
• List Group: Add multiple lists beautifully.
• Breadcrumbs: Visualize site’s breadcrumbs.

🎨 Creative – Next-level visual effects for agency-grade websites

• One Page Navigation: Smooth one-page scroll with dot navigation
• Off-Canvas Content/Menu: Slide-in menus and off-canvas content panels
• Hot Spot: Hotspot images with interactive tooltip overlays
• Image Swap: Alter images on mouse action.
• Animated Text: Animated headings/texts with it.
• Happy Mega Menu: Create MegaMenu with Elementor.
• Flip Box: 3D flip card effects with front and back content panels
• Hover Box: Animated content panels that reveal on hover
• Scrolling Image: Add horizontally scrolling images & more
• Multi Scroll: Split your screen into two distinct vertical columns that scroll in opposite directions
• Single Image Scroll: Scroll on hover effect on long image.
• Loop Tab: dynamically pull your WordPress blog posts, custom post types, or WooCommerce products into smooth-sliding tabbed layouts

🎥 Slider & Carousel – Professional multi-layer sliders and controlled carousels

• Advanced Slider: It’s a slider builder.
• Creative Slider: Build eye-catching carousels with advanced transition effects
• Team Carousel: Add multiple team members as carousel.
• Testimonial Carousel: Showcase testimonials in carousel.
• Logo Carousel: Add logos in carousel styles.
• Post Carousel: Create post carousels with it.

📣 Social Media – Pull live social content directly into your pages

• Instagram Feed: Showcase instagram’s images directly.
• Twitter Feed Carousel: Create twitter feed carousels.
• Facebook Feed: Add facebook feed in site.

📢 Marketing – Widgets that drive action and boost conversions

• Pricing Table: Create advanced pricing table.
• Price Menu: Display restaurant food menu list.
• Advanced Pricing Table: Allows you to design highly flexible, conversion-optimized pricing grids complete with toggle switches

📊 Charts & Data – Dynamic data from any source, displayed beautifully

• Advanced Data table: Create Data Table with GoogleSheets, TablePress, CSV, & Local Database.
• Line Chart: Showcase stats in line chart style.
• Pie & Doughnut Chart: Crate animated pie charts.
• Polar Area Chart: Create polar area charts.
• Radar Chart: Display data in radar chart styles.

📝 Post & Content – Display and organize your blog content with full control

• Post Grid: Create post grid items.
• Post Tiles: Show posts in tiles style.
• Smart Post List: One combo widget for sticky post, filterable post list.
• Author List: Show site’s all authors in list.

💰 WooCommerce Widgets

Design your WooCommerce store pages inside Elementor with dedicated widgets.

• WooCommerce Product Grid: Add Woo product grids.
• WooCommerce Product Carousel: Create Woo Product carousels.
• WooCommerce Product Category Grid: Create Woo product’s category grids.
• WooCommerce Product Category Carousel: Create Woo Product category carousel.
• WooCommerce Single Product: Featured a single Woo product.
• WooCommerce Mini Cart: Add floating mini cart for Woo stores.

📦 Easy Digital Downloads (EDD) Widgets

HappyAddons includes complete EDD store support with 9 dedicated widgets – products, categories, cart, checkout, login, registration.

• EDD Single Product: Showcase featured EDD item.
• EDD Product Grid: Add Easy Digital Downlaods product grid.
• EDD Product Carousel: Create EDD product carousels.
• EDD Category Grid: Add EDD categories in grid style.
• EDD Category Carousel: Add EDD Product’s categories in carousels.
• EDD Cart: Design EDD store’s cart page.
• EDD Checkout: Style EDD store’s Checkout page
• EDD login: Customize EDD store’s login page
• EDD Registration: Design EDD store’s Registration page
• EDD Purchase: Style EDD store’s Purchase page
• EDD Download: Customize EDD Download Page.

💎 Premium Features

• Cross Domain Copy-Paste: You can copy & paste element from one domain to another.
• Unlimited Section Nesting: Add multiple nested containers & columns within one single columns or containers.
• Live Copy: Copy designs from our demo pages & paste it in your site!
• Image Masking: Give various shapes to images by using premade styles / uploading SVG.
• Theme Builder Advanced Templating Conditions: Advanced template conditioning option, Include & exclude page/posts, or archive pages to set conditions.
• Particle Effect: Add particle effects – Polygon, NASA, Snow & more.
• Preset: 400+ preset designs available in HappyAddons.
• Global Badge: Add badges to any Elementor widget or containers as per your need
• Multi Layer Parallax: Stack multiple independent images as a background layer, assigning a different scrolling speed

Privacy Policy

HappyAddons uses Appsero-SDK to collect some telemetry data upon the user’s confirmation. Read-Policy.

Missing-Anything?

If you miss anything Submit ideas.

Happy-With-Our-Work?

We are thankful to you. If it brings smile, please share happiness by giving us 5***** rating.

Step 1: Upload the plugin file to install by navigating through Plugins➔Add New➔Upload Plugin➔Choose File to Install from your WordPress dashboard or you can simply search for the HappyAddons plugin from the plugin directory by going to Plugins➔Add New and search for the plugin in the search tab to install it on your WordPress site.

Step 2: After successful installation, you have to click the “activate” button to activate the HappyAddons for Elementor.

Step 3: When you activate HappyAddons for Elementor you will be redirected to our HappyAddons Dashboard Home Tab.

For a more detailed explanation check out the following documentation

☞ How to Install HappyAddons For Elementor