Essential Addons for Elementor – Popular Elementor Templates & Widgets vs Fluid Design System for Elementor

Enhance Elementor page building experience with 110+ creative elements and extensions. Add powers to your website builder using our easy-to-use Elementor widgets and ready Elementor templates, which were designed to make your next WordPress website design easier and prettier than ever before. Essential Addons for Elementor offers 110+ advanced Elementor widgets with kits, 6,500+ ready templates & WooCommerce builder, serving 2 million+ active users. Check the Demos Completely Customizable Each widget and extension comes with a bunch of options to customize your website in every possible way. You can achieve nearly any design of your imagination. Light Weight & Instant Loading No extra resources or messy code to slow down your website. Optimized for super fast loading and instant Live editing. Elements Control option Enable and disable individual elements adding to make your page load faster and smoother. You can deactivate unnecessary widgets to keep the site light. 6,500+ Ready WordPress Templates & Blocks through Templately Grab access to 3,000+ pre-made Elementor templates from Templately (a large templates cloud for WordPress), that come with Essential Addons.Unlock stunning Elementor templates, blocks & sections;and design your website to stand out from the crowd. Each of these Elementor templates is completely customizable and responsive, and also seamlessly compatible with Essential Addons. You can personalize them effortlessly by changing font, color, etc. Templately also offers advanced features and facilities to save your templates to the cloud. Store all your ready and customized designs with Templately & deploy on hundreds of websites with 1-click. Increase productivity and power up your whole team to build websites faster than ever before. Ready Elementor Templates From Templately: Textivy AI – AI SaaS Template KetoFlow – Keto Diet Website Template IllustrateAI – AI Photo Creation Website Template Expert Support We have an extraordinary support team ready to help you. Ask your questions in the support forum, or contact us directly through live chat and contact form. Elementor Website Builder is required for this plugin. 60+ FREE ELEMENTOR ADDONS AND COUNTING We have designed more than 65+ useful widgets to enhance your Elementor Page Building experience and allow you to climb the peak of your design capabilities. Post Grid – Showcase your blog posts in 3 unique styles Post Timeline – Create stunning timeline for your posts & pages Fancy Text – Design pages using animated texts in 8 different styles Creative Buttons – Quickly add modern buttons with hover effects Countdown – Include a countdown timer to boost click-through rates Team Members – Feature your team members with a few clicks Testimonials – Showcase customer reviews & increase credibility WooCommerce Product Grid – Display WooCommerce products in grid layout Contact Form 7 – Customize beautiful forms without any coding Gravity Forms – Design forms with Elementor & Gravity Forms Ninja Forms – Easily create your form style just the way you want Caldera Forms – Design effective mobile-friendly forms WPForms – Create powerful WordPress forms in minutes weForms – Get an incredibly fast form building experience Info Box – Design beautiful info box from predefined styles Flip Box – Use animated Flip Boxes to highlight any content Dual Color Heading – Highlight your headings with dual colors Call to Action – Design call-to-action buttons with a few clicks Pricing Table – Create Pricing Tables within minutes that convert Twitter Feed – Showcase your latest tweets to your visitors Data Table – Insert attractive data table anywhere you want Filterable Gallery – Share images with an interactive gallery Image Accordion – Highlight your images with amazing hover effects Content Ticker – Use slider & ticker effects to display your content Tooltip – Set tooltip for Icon, Image, Text or shortcodes Advanced Tabs – Display information neatly in nested tabs Advanced Accordion – Add beautiful nested accordions anywhere Progress Bar – Display progress bars with 4+ different styles Feature List – Display feature lists with custom icons and styles Fluent Forms – Design your Fluent Forms container, fields and anything you want Facebook Feed – Display Facebook post feed from your page Sticky Video – Add videos that are sticky on scroll while playing BetterDocs Category Grid – Create documentation in grid layout BetterDocs Category Box – Create documentation in box layout BetterDocs Search Form – Add a live search box for documentation Advanced Data Table – Design large data tables without coding Event Calendar – Create customized event pages Formstack – Design your Formstack forms Woo Checkout – Build attractive WooCommerce Checkout pages youtube Typeform – Embed & design your Typeform forms Login | Register Form – Create amazing login/registration forms Woo Product Compare – Design stunning product compare tables Woo Product Carousel – Add Product Carousels for WooCommerce Simple Menu– Design minimalist navigation menus Woo Product Gallery– Show your products in a filterable gallery Woo Cart– Use WooCommerce Cart page to boost online sales Interactive Circle– Display content with engaging circular layouts NFT Gallery– Add and showcase NFT collections effortlessly Business Reviews– Display Google Customer Review to increase your online reputation SVG Draw– Display SVG elements in a visually striking and interactive way on your website Woo Product List– Showcase your store’s products with a stunning listicle format Woo Product Price– Style your product price with custom colors and typography Woo Product Rating– Show ratings to help customers make informed choices Woo Product Images– Display WooCommerce product images with stunning effects Woo Add to Cart– Make shopping easier with an ‘Add to Cart’ button Breadcrumbs– Improve navigation with breadcrumbs for easy exploration Code Snippet– Display beautifully formatted code on your Elementor website Extensions (Free): Reading Progress Bar – Add progress bar to show reading position Watch YouTube Tutorial Duplicator – Duplicate any page or post in a single click Table of Contents – Display Table of Contents anywhere you want Watch YouTube Tutorial Custom JS – Add custom JavaScript with a few clicks Scroll to Top – Let visitors quickly navigate to the top of your page Wrapper Link – Add custom links into any section, column, or even flexbox Hover Interactions – Create captivating effects on buttons, images, texts and more Liquid Glass Effects – Give your website a sleek, futuristic feel with stunning glass effects Image Masking with Morphing – Create seamless transformations and interactive visual effects with smooth masking & morphing Vertical Text Orientation – Bring style to pages with modern, eye-catching vertical text More elements (50+) on Premium Version Post Block – Display your blog posts with a variety of styles Lightbox & Modal – Create interactive popups after trigger actions Testimonial Slider – Share customer reviews with animated sliders Image Comparison – Let your viewers compare between two images Interactive Promo – Display content with attractive animations Instagram Feed – Display Instagram posts beautifully Advanced Google Map – Create maps with unlimited themes Watch YouTube Tutorial Static Product – Present your static product just the way you want Flip Carousel – Feature your content using a unique carousel style Interactive Cards – Create fascinating effects for your content Content Timeline – Create memory lane with animated scrolling Advanced Menu – Use advanced navigation menu anywhere Twitter Feed Carousel – Share Twitter posts in interactive styles Dynamic Gallery – Add filterable gallery for any content Smart Post List – Design your blog page with modern post list Mailchimp – Design your Mailchimp form with ease Toggle – Share any content in less space with a toggle One Page Navigation – Create one page websites in Elementor Price Menu – Make a beautiful pricing menu for your brands Image Hotspots – Add hotspot icons with tooltips in an image Divider – Separate your section with fancy divider Counter – Highlight important data using the Counter element Team Member Carousel – Display team members in a carousel Post Carousel – Use a carousel to display multiple posts Logo Carousel – Highlight brands or product logos in a carousel Protected Content – Lock your content with password protection Offcanvas – Display content in offcanvas with one click Image Scroller – Show long height images with image scroller Woo Product Slider – Showcase your products in a stunning slider Woo Product Collections– Show product collections beautifully LearnDash Course List– Share LearnDash course list on website Advanced Search– Add a customizable, dynamic search bar Woo Thank You– Design a personalized thank you message on the WooCommerce order confirmation page Woo Cross Sells– Customize the display of cross-sell products to boost your sales potential Woo Account Dashboard– Design a personalized WooCommerce Customer Account Dashboard Fancy Chart– Visualize important data with interactive charts and graphs on your website Stacked Cards– Showcase your website content in a distinctive and engaging way 360 Degree Photo Viewer– Make your website image visible from every angle with adjustable controls Multicolumn Pricing Table– Display pricing plans in multiple columns to compare features and choose the right option Figma to Elementor Converter– Turn Figma designs into fully customizable Elementor Pages Pricing Slider– Showcase dynamic pricing plans with interactive slider control Pinterest Feed – Showcase stunning Pinterest content on your website with beautiful layouts. Extensions (Pro): Parallax – Add creative parallax effects to your content Particles – Add animated particle effects to your content Advanced Tooltip – Make any widget more informative with tooltip Content Protection – Hide your content with password protection Conditional Display– Display your preferred content based on the logic conditions you have set Dynamic Tags– Display content dynamically on your preferred section of the website Interactive animations– Create stunning animations & build a fully dynamic web page Custom Cursor– Transform the default mouse pointer into a fully personalized design More features and improvements are coming on regular updates. Want to unlock the advanced elements? Upgrade to our Pro version Elementor WooCommerce Widgets From Essential Addons With Essential Addons, we bring you seamless compatibility with WooCommerce, enhancing your ability to showcase products, categories, and filters with ease. There are 11+ beautiful WooCommerce widgets for your every need: EA Woo Product Carousel: Display your store’s products interactively with this WooCommerce widget and implement various styling options and ready-made layouts to create an interactive product showcase on your WordPress website. EA Woo Product Gallery: Captivate visitors and drive immediate purchases on your WooCommerce store using the Product Gallery element from Essential Addons. Explore incredible ready layouts, abundant customization choices, and more. EA Woo Product Price: Highlight the price of your WooCommerce product Price and style it using custom colors and typography. EA Woo Product Rating: Display WooCommerce product rating to help customers make informed purchasing decisions and increase credibility. EA Woo Product Images: Showcase eye-catching WooCommerce product images with advanced customization and effects. EA Woo Add to Cart: Simplify the shopping experience by displaying an easy-to-access ‘Add to Cart’ button for all your WooCommerce products. EA Woo Product Slider (PRO): Present your WooCommerce products in a stunning slider format with this advanced Elementor addon. EA Woo Product Collection (PRO): Exhibit your WooCommerce product collections on any section of your Elementor website to showcase items based on categories, tags, or attributes, and add engaging hover effects. EA Woo Product List: Easily add all your WooCommerce products in a listicle format on any Elementor page or post on your website and customize with unique layouts to attract customers instantly. EA Woo Product Grid: Display your products in visually appealing grid-layouts on any website section and allow customers to view them based on category, tags, or attributes. EA Woo Product Compare: Easily compare your preferred WooCommerce products anywhere on the page with this free Elementor addon. Benefit from numerous pre-designed theme layouts and much more. EA Woo Cross Sells:: Effortlessly show related items to your customers with this premium Elementor widget, aiding them in discovering complementary products and enriching their overall shopping experience. EA Woo Cart: Elevate customers’ purchasing experience on your WooCommerce store by effortlessly designing an appealing Cart Page with Essential Addons using no coding. EA Woo Checkout: Craft visually appealing Checkout pages for your WooCommerce store to customize and style the widget effortlessly to ensure increased sales. EA Woo Account Dashboard (PRO): Create a user-friendly and visually appealing dashboard for your WooCommerce store, consolidating all vital tabs into one convenient location. EA Woo Thank You (PRO):Resonate with customers and ensure a positive post-purchase experience with this advanced Elementor WooCommerce widget from Essential Addons. It lets you create tailor-made thank-you messages with limitless personalization. 🏆 FEATURED BY 100+ RENOWNED PUBLICATIONS WP Pagebuilders: “With 60+ additional widgets, Essential Addons is a great add-on to enhance your experience in building a website with WordPress+Elementor.” MonsterPost: “Essential Addons for Elementor has a huge number of active users among all third-party extensions on the market. The widgets are tested in all popular web browsers to ensure full browser compatibility for all elements.” WPCrafter: WordPress influencer Adam Preiser did a Speed Test & found Essential Addons for Elementor is the high-performance solution out there 👇 BACKED BY A TRUSTED TEAM Essential Addons is brought to you by WPDeveloper, a dedicated WordPress product company, trusted by 6 million+ happy users. Documentation and Support For documentation and tutorials go to our Documentation. If you have any more questions, visit our support on the Plugin’s Forum. For more information about features, FAQs and documentation, check out our website at Essential Addons. Happy User of Essential Addons? Join our Facebook Group. Learn from our tutorials on YouTube Channel. Or rate us on WordPress 🔥 WHAT’S NEXT If you like Essential Addons, then consider checking out our other WordPress Plugins: 🔔 NotificationX – Powerful Social Proof & FOMO Marketing Solution to boost conversions & design stunning WordPress notification bars in Elementor 🗒️ BetterDocs – Advanced Documentation & Knowledge Base Plugin for WordPress, which also comes with ready doc templates for Elementor ⏰ SchedulePress – Complete solution for managing WordPress content scheduling through an editorial calendar & Social Share 🔗 EmbedPress – Easy WordPress solution for embedding videos, images, posts, audio, maps and PDF, DOC, PPT & all other types of content into your website using Elementor, Gutenberg and more. 🔎 easy.jobs – Smart and easy recruitment and talent sourcing solution for hiring with AI-powered screening system, question sets, remote …

Design once. Scale everywhere. Fluid Design System for Elementor is a small yet powerful add-on that brings fluid typography and spacing presets directly into Elementor’s interface — helping you create fully responsive designs that scale naturally across every screen size, from tiny phones to ultra-wide desktops. 🎯 Think of it like color presets — but for padding, font sizes, and layout gaps. 🎥 Video Tutorials With just a few clicks, you can: – Define minimum and maximum values for typography or spacing. – Apply those values using a new “fluid” unit inside any Elementor control. – Watch your design scale smoothly—no coding or media queries required. – Organize your presets into custom groups (e.g. “Border Radius”, “Thumbnail Sizes”) for better management. Say goodbye to manually tweaking every breakpoint. Say hello to automatic, intelligent design scaling with organized preset management. How It Works ❓ What Does “Fluid” Mean? Traditionally in Elementor, you need to set separate values for each breakpoint — for example, one font size for desktop, another for tablet, and another for mobile. While this gives some control, it has two major downsides: – 🧩 It’s rigid: You only define styles for specific screen widths, leaving awkward gaps in between where the design may not scale smoothly. – ⏱️ It’s time-consuming: Updating styles across multiple breakpoints for every section and element becomes a repetitive, manual process. 💡 Fluid Design System solves this. Instead of setting fixed values for each breakpoint, you define just two—a minimum and a maximum — and the plugin automatically generates a smooth scaling behavior in between. This means: – One preset handles all screen sizes. – You get consistent design and spacing across the entire site. – You save time and reduce manual effort. – You can organize presets into groups for different projects or design systems. This plugin introduces Fluid Units, powered by CSS clamp() and custom presets, allowing your design to scale automatically across all screen sizes. Here’s how it works in real scenarios: ✍️ Fluid Typography Example Old way: 24px (mobile), 36px (tablet), 72px (desktop) Fluid way: One preset: min = 24px, max = 72px Result: Text scales smoothly and proportionally on all devices. 📦 Fluid Spacing Example Old way: 40px (mobile), 80px (tablet), 160px (desktop) Fluid way: One preset: min = 40px, max = 160px Result: Section padding adjusts naturally without breakpoints. 🔗 Fluid Gaps Example Gap between elements: 20px (mobile) to 60px (desktop) Result: Even spacing between containers and widgets on any screen. ❓ Why not Just Use vw or vh Units? While viewport units like vw can scale elements based on screen width, they often lack control — your text might become unreadably small or overly large. The Fluid Design System solves this by generating clamp() values behind the scenes, so your designs stay within defined min/max boundaries. This gives you the flexibility of responsive scaling, combined with the precision of design tokens. 👉 Behind the scenes, the plugin creates CSS variables like: clamp(24px, 5vw, 72px) which Elementor then uses across typography, spacing, padding, margin, and more. How to Use Follow these steps to set up and use the Fluid Design System in your Elementor projects. 📐 Step 1: Configure Fluid Breakpoints Go to Elementor > Site Settings Navigate to the “Fluid Typography & Spacing” tab In the “Breakpoints” panel, set your: Minimum Screen Width (e.g., 360px for mobile) Maximum Screen Width (e.g., 1920px for desktop) 🧰 Step 2: Create Your Presets In the same “Fluid Typography & Spacing” tab: Go to “Typography Presets” to create fluid font size presets Go to “Spacing Presets” to create fluid spacing presets For each preset: Give it a descriptive name Set minimum and maximum values Optionally set custom breakpoints for this preset 🎨 Step 3: Apply Your Presets Edit any page with Elementor In any control that supports custom units (typography, spacing, etc.): Select “fluid” as the unit Choose your preset from the dropdown Watch your design smoothly adapt to different screen sizes 🔧 Step 4: Fine-tune Your Design Use the live preview to see how your presets work Adjust preset values if needed Create additional presets for different design needs Why Use Fluid Design System? Perfect Responsiveness: Create websites that look flawless on every device, from mobile phones to large desktop screens including all intermediate sizes Design Consistency: Maintain perfect spacing and typography harmony across your entire website Time-Saving: Eliminate manual breakpoint adjustments with intelligent fluid scaling Future-Proof: Seamlessly integrates with Elementor’s latest features and updates User-Friendly: Manage everything through Elementor’s familiar interface – no coding or CSS knowledge required Key Features Inline fluid values – Set values directly in controls (“20px ~ 100px”) without visiting Site Settings Save as Preset – Convert inline values into reusable presets with one click Create unlimited fluid typography and spacing presets with custom minimum and maximum values Define global breakpoints or set custom breakpoints for individual presets Real-time preview of changes in the Elementor editor Works with all Elementor widgets and elements Compatible with any WordPress theme including Elementor’s Hello theme Full support for Elementor’s responsive controls and additional breakpoints Mix different units (px, em, rem) in your presets for ultimate flexibility Common Use Cases Fluid Typography: Create responsive headings and text that maintain perfect proportions across all devices Consistent Spacing: Design section padding and margins that adapt smoothly to any screen size Responsive Grids: Build fluid grid layouts with perfect spacing between elements Typography Scale: Set up a complete typography system that works flawlessly everywhere Container Spacing: Create fluid containers that maintain perfect proportions on all devices Element Gaps: Design consistent gaps between elements that scale naturally