[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fotB3PzPSUzo5cImPWXeaXl6tU1ECP1ZS205jExNIp4s":3},{"slug":4,"name":5,"version":6,"author":7,"author_profile":8,"description":9,"short_description":10,"active_installs":11,"downloaded":12,"rating":13,"num_ratings":14,"last_updated":15,"tested_up_to":16,"requires_at_least":17,"requires_php":18,"tags":19,"homepage":25,"download_link":26,"security_score":13,"vuln_count":27,"unpatched_count":27,"last_vuln_date":28,"fetched_at":29,"vulnerabilities":30,"developer":31,"crawl_stats":28,"alternatives":37,"analysis":140,"fingerprints":365},"fluid-design-system-for-elementor","Fluid Design System for Elementor","2.2.1","Artem Semkin","https:\u002F\u002Fprofiles.wordpress.org\u002Fartemsemkin\u002F","\u003Cp>\u003Cstrong>Design once. Scale everywhere.\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>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.\u003C\u002Fp>\n\u003Cp>🎯 \u003Cem>Think of it like color presets — but for padding, font sizes, and layout gaps.\u003C\u002Fem>\u003C\u002Fp>\n\u003Cp>🎥 \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fartkrsk.github.io\u002Ffluid-design-system-for-elementor\u002Fguide\" rel=\"nofollow ugc\">Video Tutorials\u003C\u002Fa>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>With just a few clicks, you can:\u003Cbr \u002F>\n– Define minimum and maximum values for typography or spacing.\u003Cbr \u002F>\n– Apply those values using a new “fluid” unit inside any Elementor control.\u003Cbr \u002F>\n– Watch your design scale smoothly—no coding or media queries required.\u003Cbr \u002F>\n– Organize your presets into custom groups (e.g. “Border Radius”, “Thumbnail Sizes”) for better management.\u003C\u002Fp>\n\u003Cp>Say goodbye to manually tweaking every breakpoint. Say hello to automatic, intelligent design scaling with organized preset management.\u003C\u002Fp>\n\u003Ch3>How It Works\u003C\u002Fh3>\n\u003Cp>❓ \u003Cstrong>What Does “Fluid” Mean?\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>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.\u003C\u002Fp>\n\u003Cp>While this gives some control, it has two major downsides:\u003Cbr \u002F>\n– 🧩 \u003Cstrong>It’s rigid\u003C\u002Fstrong>: You only define styles for specific screen widths, leaving awkward gaps in between where the design may not scale smoothly.\u003Cbr \u002F>\n– ⏱️ \u003Cstrong>It’s time-consuming\u003C\u002Fstrong>: Updating styles across multiple breakpoints for every section and element becomes a repetitive, manual process.\u003C\u002Fp>\n\u003Cp>💡 \u003Cstrong>Fluid Design System solves this.\u003C\u002Fstrong>\u003Cbr \u002F>\nInstead 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:\u003Cbr \u002F>\n– One preset handles all screen sizes.\u003Cbr \u002F>\n– You get consistent design and spacing across the entire site.\u003Cbr \u002F>\n– You save time and reduce manual effort.\u003Cbr \u002F>\n– You can organize presets into groups for different projects or design systems.\u003C\u002Fp>\n\u003Cp>This plugin introduces \u003Cstrong>Fluid Units\u003C\u002Fstrong>, powered by CSS \u003Ccode>clamp()\u003C\u002Fcode> and custom presets, allowing your design to scale automatically across all screen sizes.\u003C\u002Fp>\n\u003Cp>Here’s how it works in real scenarios:\u003C\u002Fp>\n\u003Ch3>✍️ Fluid Typography Example\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Old way: 24px (mobile), 36px (tablet), 72px (desktop)\u003C\u002Fli>\n\u003Cli>Fluid way: One preset: min = 24px, max = 72px\u003C\u002Fli>\n\u003Cli>Result: Text scales smoothly and proportionally on all devices.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>📦 Fluid Spacing Example\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Old way: 40px (mobile), 80px (tablet), 160px (desktop)\u003C\u002Fli>\n\u003Cli>Fluid way: One preset: min = 40px, max = 160px\u003C\u002Fli>\n\u003Cli>Result: Section padding adjusts naturally without breakpoints.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>🔗 Fluid Gaps Example\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Gap between elements: 20px (mobile) to 60px (desktop)\u003C\u002Fli>\n\u003Cli>Result: Even spacing between containers and widgets on any screen.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>❓ \u003Cstrong>Why not Just Use \u003Ccode>vw\u003C\u002Fcode> or \u003Ccode>vh\u003C\u002Fcode> Units?\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>While viewport units like \u003Ccode>vw\u003C\u002Fcode> 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 \u003Ccode>clamp()\u003C\u002Fcode> values behind the scenes, so your designs stay within defined min\u002Fmax boundaries. This gives you the flexibility of responsive scaling, combined with the precision of design tokens.\u003C\u002Fp>\n\u003Cp>👉 Behind the scenes, the plugin creates CSS variables like: \u003Ccode>clamp(24px, 5vw, 72px)\u003C\u002Fcode> which Elementor then uses across typography, spacing, padding, margin, and more.\u003C\u002Fp>\n\u003Ch3>How to Use\u003C\u002Fh3>\n\u003Cp>Follow these steps to set up and use the Fluid Design System in your Elementor projects.\u003C\u002Fp>\n\u003Ch4>📐 Step 1: Configure Fluid Breakpoints\u003C\u002Fh4>\n\u003Col>\n\u003Cli>Go to Elementor > Site Settings\u003C\u002Fli>\n\u003Cli>Navigate to the “Fluid Typography & Spacing” tab\u003C\u002Fli>\n\u003Cli>In the “Breakpoints” panel, set your:\n\u003Cul>\n\u003Cli>Minimum Screen Width (e.g., 360px for mobile)\u003C\u002Fli>\n\u003Cli>Maximum Screen Width (e.g., 1920px for desktop)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch4>🧰 Step 2: Create Your Presets\u003C\u002Fh4>\n\u003Col>\n\u003Cli>In the same “Fluid Typography & Spacing” tab:\n\u003Cul>\n\u003Cli>Go to “Typography Presets” to create fluid font size presets\u003C\u002Fli>\n\u003Cli>Go to “Spacing Presets” to create fluid spacing presets\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>For each preset:\n\u003Cul>\n\u003Cli>Give it a descriptive name\u003C\u002Fli>\n\u003Cli>Set minimum and maximum values\u003C\u002Fli>\n\u003Cli>Optionally set custom breakpoints for this preset\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch4>🎨 Step 3: Apply Your Presets\u003C\u002Fh4>\n\u003Col>\n\u003Cli>Edit any page with Elementor\u003C\u002Fli>\n\u003Cli>In any control that supports custom units (typography, spacing, etc.):\n\u003Cul>\n\u003Cli>Select “fluid” as the unit\u003C\u002Fli>\n\u003Cli>Choose your preset from the dropdown\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>Watch your design smoothly adapt to different screen sizes\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch4>🔧 Step 4: Fine-tune Your Design\u003C\u002Fh4>\n\u003Col>\n\u003Cli>Use the live preview to see how your presets work\u003C\u002Fli>\n\u003Cli>Adjust preset values if needed\u003C\u002Fli>\n\u003Cli>Create additional presets for different design needs\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch4>Why Use Fluid Design System?\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Perfect Responsiveness\u003C\u002Fstrong>: Create websites that look flawless on every device, from mobile phones to large desktop screens including all intermediate sizes\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Design Consistency\u003C\u002Fstrong>: Maintain perfect spacing and typography harmony across your entire website\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Time-Saving\u003C\u002Fstrong>: Eliminate manual breakpoint adjustments with intelligent fluid scaling\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Future-Proof\u003C\u002Fstrong>: Seamlessly integrates with Elementor’s latest features and updates\u003C\u002Fli>\n\u003Cli>\u003Cstrong>User-Friendly\u003C\u002Fstrong>: Manage everything through Elementor’s familiar interface – \u003Cstrong>no coding or CSS knowledge required\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>Key Features\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Inline fluid values\u003C\u002Fstrong> – Set values directly in controls (“20px ~ 100px”) without visiting Site Settings\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Save as Preset\u003C\u002Fstrong> – Convert inline values into reusable presets with one click\u003C\u002Fli>\n\u003Cli>Create unlimited fluid typography and spacing presets with custom minimum and maximum values\u003C\u002Fli>\n\u003Cli>Define global breakpoints or set custom breakpoints for individual presets\u003C\u002Fli>\n\u003Cli>Real-time preview of changes in the Elementor editor\u003C\u002Fli>\n\u003Cli>Works with all Elementor widgets and elements\u003C\u002Fli>\n\u003Cli>Compatible with any WordPress theme including Elementor’s Hello theme\u003C\u002Fli>\n\u003Cli>Full support for Elementor’s responsive controls and additional breakpoints\u003C\u002Fli>\n\u003Cli>Mix different units (px, em, rem) in your presets for ultimate flexibility\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>Common Use Cases\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Fluid Typography\u003C\u002Fstrong>: Create responsive headings and text that maintain perfect proportions across all devices\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Consistent Spacing\u003C\u002Fstrong>: Design section padding and margins that adapt smoothly to any screen size\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Responsive Grids\u003C\u002Fstrong>: Build fluid grid layouts with perfect spacing between elements\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Typography Scale\u003C\u002Fstrong>: Set up a complete typography system that works flawlessly everywhere\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Container Spacing\u003C\u002Fstrong>: Create fluid containers that maintain perfect proportions on all devices\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Element Gaps\u003C\u002Fstrong>: Design consistent gaps between elements that scale naturally\u003C\u002Fli>\n\u003C\u002Ful>\n","Create fluid typography & spacing presets natively in Elementor — no CSS clamp formulas, no breakpoints, just seamless responsive design.",200,2625,100,1,"2026-01-21T17:09:00.000Z","6.9.4","6.0","8.0",[20,21,22,23,24],"elementor","fluid","responsive","spacing","typography","https:\u002F\u002Fartemsemkin.com\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Ffluid-design-system-for-elementor.2.2.1.zip",0,null,"2026-03-15T15:16:48.613Z",[],{"slug":32,"display_name":7,"profile_url":8,"plugin_count":33,"total_installs":11,"avg_security_score":13,"avg_patch_time_days":34,"trust_score":35,"computed_at":36},"artemsemkin",2,30,94,"2026-04-04T16:49:17.952Z",[38,57,75,99,120],{"slug":39,"name":40,"version":41,"author":42,"author_profile":43,"description":44,"short_description":45,"active_installs":11,"downloaded":46,"rating":13,"num_ratings":14,"last_updated":47,"tested_up_to":48,"requires_at_least":49,"requires_php":49,"tags":50,"homepage":49,"download_link":55,"security_score":56,"vuln_count":27,"unpatched_count":27,"last_vuln_date":28,"fetched_at":29},"parallaxer-for-elementor","Parallaxer for Elementor","1.0.2","Oooh Boi","https:\u002F\u002Fprofiles.wordpress.org\u002Fooohboi\u002F","\u003Cp>Parallaxer for Elementor brings the power of Rellax.js to your Elementor pages, allowing you to add smooth parallax scrolling effects to any widget with just a few clicks.\u003Cbr \u002F>\nBut that is not all!\u003Cbr \u002F>\nWith just one click you can apply smooth scrolling to all of your Elementor built pages. Smooth scroll is powered by the lenis.js library.\u003Cbr \u002F>\nParallaxer also brings a mini fluid system for both typography and spacing which is brought to you by utopia.fyi fluid space calculator. It means that you no longer need to maintain typography and spacing across multiple breakpoints but rather provide only the desktop values while each value between the desktop and mobile will be interpolated.\u003C\u002Fp>\n\u003Ch4>Features\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>Easy to use interface in Elementor’s Advanced tab\u003C\u002Fli>\n\u003Cli>Responsive speed controls for different devices\u003C\u002Fli>\n\u003Cli>Lightweight and optimized for performance\u003C\u002Fli>\n\u003Cli>Works with any Elementor widget (Containers excluded!)\u003C\u002Fli>\n\u003Cli>Global scroll smoothing (via the User Preferences panel)\u003C\u002Fli>\n\u003Cli>Includes a mini fluid system for both typography and spacing\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>How to Use\u003C\u002Fh4>\n\u003Col>\n\u003Cli>Edit any element in Elementor\u003C\u002Fli>\n\u003Cli>Go to the Advanced tab\u003C\u002Fli>\n\u003Cli>Find the “Parallaxer” section\u003C\u002Fli>\n\u003Cli>Enable parallax and adjust settings\u003C\u002Fli>\n\u003Cli>Preview and adjust as needed\u003C\u002Fli>\n\u003C\u002Fol>\n","Add smooth parallax scrolling effects to any Elementor widget using the lightweight Rellax.js and lenis.js libraries.",2093,"2025-01-28T09:32:00.000Z","6.7.5","",[20,51,52,53,54],"fluid-spacing","fluid-typography","parallax","smooth-scroll","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fparallaxer-for-elementor.zip",92,{"slug":58,"name":59,"version":60,"author":61,"author_profile":62,"description":63,"short_description":64,"active_installs":65,"downloaded":66,"rating":27,"num_ratings":27,"last_updated":67,"tested_up_to":68,"requires_at_least":69,"requires_php":70,"tags":71,"homepage":49,"download_link":74,"security_score":13,"vuln_count":27,"unpatched_count":27,"last_vuln_date":28,"fetched_at":29},"fluid-font-forge","Fluid Font Forge","5.3.0","Jim Roberts","https:\u002F\u002Fprofiles.wordpress.org\u002Fmijstrebor\u002F","\u003Cp>Fluid Font Forge is a comprehensive WordPress plugin that simplifies responsive typography management. Generate CSS clamp() functions with mathematical precision for perfectly scaled fonts across all devices.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Key Features:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Real-time CSS clamp() generation\u003C\u002Fstrong> – See your responsive font sizes calculated instantly\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Skip entries for custom spacing\u003C\u002Fstrong> – Exclude font sizes from CSS output while maintaining scale progression\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Multiple output formats\u003C\u002Fstrong> – CSS classes, custom properties, HTML tags, and Tailwind config\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Interactive preview system\u003C\u002Fstrong> – Visual comparison of font sizes at different viewport widths\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Mathematical scaling ratios\u003C\u002Fstrong> – Based on musical harmony principles (Major Second, Perfect Fourth, Golden Ratio, etc.)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Drag-and-drop size management\u003C\u002Fstrong> – Reorder your font scale with intuitive interface\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Custom font preview\u003C\u002Fstrong> – Test with your actual web fonts using WOFF2 URLs\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Copy-to-clipboard functionality\u003C\u002Fstrong> – One-click CSS copying for immediate use\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Professional admin interface\u003C\u002Fstrong> – Clean, modern design that integrates seamlessly with WordPress\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Perfect for:\u003C\u002Fstrong>\u003Cbr \u002F>\n* Web designers creating responsive typography systems\u003Cbr \u002F>\n* Developers implementing fluid font scaling\u003Cbr \u002F>\n* Theme creators needing consistent font hierarchies\u003Cbr \u002F>\n* Anyone wanting professional typography without complex CSS calculations\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Technical Highlights:\u003C\u002Fstrong>\u003Cbr \u002F>\n* Uses CSS clamp() for true fluid scaling between viewport breakpoints\u003Cbr \u002F>\n* Supports both px and rem units with automatic conversion\u003Cbr \u002F>\n* Mathematical progression ensures consistent visual hierarchy\u003Cbr \u002F>\n* Accessibility-compliant with WCAG guidelines for readability\u003Cbr \u002F>\n* Clean, semantic CSS output ready for production use\u003C\u002Fp>\n\u003Cp>Transform your typography workflow with Fluid Font Forge – where responsive design meets mathematical precision.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Accessibility Features:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>WCAG 2.1 compliant interface\u003C\u002Fli>\n\u003Cli>Keyboard navigation support\u003C\u002Fli>\n\u003Cli>Screen reader friendly\u003C\u002Fli>\n\u003Cli>High contrast mode compatible\u003C\u002Fli>\n\u003Cli>Minimum font size recommendations for readability\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>Mathematical Ratios Explained\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Minor Second (1.067)\u003C\u002Fstrong>: Subtle progression, ideal for dense content\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Major Second (1.125)\u003C\u002Fstrong>: Gentle scaling for readable body text\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Minor Third (1.200)\u003C\u002Fstrong>: Balanced hierarchy for most designs\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Major Third (1.250)\u003C\u002Fstrong>: Clear distinction between sizes\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Perfect Fourth (1.333)\u003C\u002Fstrong>: Strong contrast for headlines\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Golden Ratio (1.618)\u003C\u002Fstrong>: Dramatic scaling for hero sections\u003C\u002Fli>\n\u003C\u002Ful>\n","Advanced fluid typography calculator with CSS clamp() generation for responsive font scaling across all device sizes.",10,404,"2026-02-28T15:44:00.000Z","6.8.5","5.0","7.4",[72,21,73,22,24],"clamp","fonts","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Ffluid-font-forge.5.3.0.zip",{"slug":76,"name":77,"version":78,"author":79,"author_profile":80,"description":81,"short_description":82,"active_installs":83,"downloaded":84,"rating":85,"num_ratings":86,"last_updated":87,"tested_up_to":16,"requires_at_least":88,"requires_php":70,"tags":89,"homepage":94,"download_link":95,"security_score":96,"vuln_count":97,"unpatched_count":27,"last_vuln_date":98,"fetched_at":29},"portfolio-elementor","PowerFolio – Portfolio & Image Gallery for Elementor","3.2.5","Diego Pereira","https:\u002F\u002Fprofiles.wordpress.org\u002Fdotrex\u002F","\u003Cp>A powerful portfolio and gallery plugin for WP, Elementor and Gutenberg. Create portfolio and image galleries in seconds using any page builder!\u003C\u002Fp>\n\u003Ch3>A Powerful Portfolio and Gallery Plugin for Elementor\u003C\u002Fh3>\n\u003Cp>WordPress has changed. Page builders have made it easier than ever to create websites.\u003C\u002Fp>\n\u003Cp>Powerfolio arrives to complement this new generation of WordPress, making it possible to create portfolios and image galleries in an easy and fast way, fully integrated with WordPress page builders.\u003C\u002Fp>\n\u003Ch3>Plugin Demo\u003C\u002Fh3>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fpowerfoliowp.com\u002F\" rel=\"nofollow ugc\">Click here to see the portfolio demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>The first impression is what matters\u003C\u002Fh3>\n\u003Cp>Do you want to display projects in a classic grid or in a masonry layout? Or do you prefer an exclusive format, where each item has a specific size? With Powerfolio, you can choose any of these options.\u003C\u002Fp>\n\u003Cp>Powerfolio allows you to create a professional portfolio or an image gallery in a few seconds using your preferred page builder (Gutenberg or Elementor).\u003C\u002Fp>\n\u003Cp>It is possible, in a few clicks, to choose the number of columns, define category filters and customize hover effects, backgrounds, colors, CSS options, Animations, and much more.\u003C\u002Fp>\n\u003Ch3>Compatible With Elementor\u003C\u002Fh3>\n\u003Cp>Powerfolio is 100% compatible with Elementor. It means that you can use our portfolio for elementor or image gallery elementor widgets to create a gallery grid on any page and edit using the page builder features of Elementor.\u003C\u002Fp>\n\u003Ch3>Integrated with Gutenberg\u003C\u002Fh3>\n\u003Cp>Powerfolio is also compatible with Gutenberg, the block editor from WordPress. With our Portfolio and Image Gallery blocks you can easily create and customize filterable image grids using the visual editor from WordPress.\u003C\u002Fp>\n\u003Ch3>Filterable Galleries\u003C\u002Fh3>\n\u003Cp>Powerfolio has built-in filterable gallery option. By activating it, your users will be able to filter the items in the gallery according to the selected category.\u003C\u002Fp>\n\u003Ch3>CSS Animations and Transition Effects\u003C\u002Fh3>\n\u003Cp>You can choose from several transition effects for your portfolio or image grid. A simple way to delight your users.\u003C\u002Fp>\n\u003Ch3>Custom Grids\u003C\u002Fh3>\n\u003Cp>There are several grid options to choose from, like the classic box grid, masonry and custom grids.\u003Cbr \u002F>\nYou can also create your own custom grid by changing the width and height of each item in the gallery (PRO version only)\u003C\u002Fp>\n\u003Ch3>Fully Responsive\u003C\u002Fh3>\n\u003Cp>Portfolios are 100% responsive, this means that your portfolio or gallery will work perfectly on any screen, such as monitors, tablets and mobile phones.\u003C\u002Fp>\n\u003Ch3>Demo Videos\u003C\u002Fh3>\n\u003Cp>Getting started with your first portfolio #1\u003Cbr \u002F>\n\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002F6wrMp5li8ns?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>Getting started with your first portfolio #2\u003Cbr \u002F>\n\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FeikLVsTO0yw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>This is a detailed tutorial on how to build a nice portfolio with the plugin\u003Cbr \u002F>\n\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FsJFL3iG1Xjk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3>Features\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Filterable Portfolio Addon\u002FWidget for Elementor\u003C\u002Fli>\n\u003Cli>Filterable Portfolio Block for WordPress\u002FGutenberg\u003C\u002Fli>\n\u003Cli>Filterable Image Gallery Addon\u002FWidget for Elementor\u003C\u002Fli>\n\u003Cli>Filterable Image Gallery Block for WordPress\u002FGutenberg\u003C\u002Fli>\n\u003Cli>Portfolio Shortcode Generator (available on the WP Classic Editor screen)\u003C\u002Fli>\n\u003Cli>Masonry, Boxed and custom Packery Grid layouts (and also a grid builder in PRO version!)\u003C\u002Fli>\n\u003Cli>You can show the projects on a modal or on a single page\u003C\u002Fli>\n\u003Cli>Compatible with Elementor (Portfolio Widget)\u003C\u002Fli>\n\u003Cli>Compatible with any page builder (using the shortcode option)\u003C\u002Fli>\n\u003Cli>2,3,4,5 or 6 columns\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Elementor Portfolio Widget\u002FAddon\u003C\u002Fh3>\n\u003Cp>With this Elementor portfolio widget, you can display the posts of the portfolio post type in a filterable gallery. You have options to customize everything, from the layout\u002Fgrid to the hover effects.\u003C\u002Fp>\n\u003Ch3>Filterable Image Gallery for Elementor Widget\u002FAddon\u003C\u002Fh3>\n\u003Cp>You can use the Elementor gallery widget to display a filterable image gallery in your page. You will have the same customization options as the portfolio for elementor widget.\u003C\u002Fp>\n\u003Ch3>Image Gallery GRID Builder (PRO Version)\u003C\u002Fh3>\n\u003Cp>With the grid builder, you will be able to customize the width and height of each item in your gallery. In combination with the packery layout and the filter, it allows you to create unique and magic grids.\u003C\u002Fp>\n\u003Ch3>Beta Features\u003C\u002Fh3>\n\u003Cp>We also have some features that are not the main purpose of the plugin but we can turn into main features of the plugin. E.g.\u003Cbr \u002F>\n* Posts Grid Addon\u002FWidget for Elementor\u003Cbr \u002F>\n* Woocommerce Products Grid Addon\u002FWidget for Elementor\u003Cbr \u002F>\n* 4 Post\u002FProduct Grid Styles – Classic, Masonry and 2 creative styles\u003C\u002Fp>\n\u003Ch3>POSTS GRID FOR ELEMENTOR WIDGET\u003C\u002Fh3>\n\u003Cp>With this Elementor widget, you can display the content of the “post” post type in a customizable post grid, with several style options.\u003C\u002Fp>\n\u003Ch3>PRODUCTS GRID FOR ELEMENTOR WIDGET\u003C\u002Fh3>\n\u003Cp>You can use this Elementor widget to display the products of your Woocommerce store.\u003C\u002Fp>\n\u003Ch3>PRO version Features\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Several hover animations\u002Feffects\u003C\u002Fli>\n\u003Cli>Several grid styles, including Special Grids\u003C\u002Fli>\n\u003Cli>Grid Builder\u003C\u002Fli>\n\u003Cli>Portfolio Carousel Widget\u003C\u002Fli>\n\u003Cli>Extra CSS effects and animations\u003C\u002Fli>\n\u003Cli>Option to display a specific portfolio category\u003C\u002Fli>\n\u003Cli>Option to display content from any post type to the grid\u003C\u002Fli>\n\u003Cli>Extra customization options\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Installation Instructions \u002F How to use\u003C\u002Fh3>\n\u003Col>\n\u003Cli>Upload \u003Ccode>elementor-portfolio\u003C\u002Fcode> folder to the \u003Ccode>\u002Fwp-content\u002Fplugins\u002F\u003C\u002Fcode> directory\u003C\u002Fli>\n\u003Cli>Activate the plugin through the ‘Plugins’ menu in WordPress\u003C\u002Fli>\n\u003Cli>Click on the “Portfolio” link from the main menu\u003C\u002Fli>\n\u003Cli>Click on “Add New Item”, create your first portfolio content and publish. Create as many posts as you want.\u003C\u002Fli>\n\u003Cli>Create a new page using Elementor, or edit an existing one\u003C\u002Fli>\n\u003Cli>Drag and drop the portfolio widget to your page.\u003C\u002Fli>\n\u003Cli>Customize it using the widget options and publish the page.\u003C\u002Fli>\n\u003Cli>Done! Your new portfolio is ready!\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch4>How to display the filterable portfolio grid using a shortcode\u003C\u002Fh4>\n\u003Cp>The widget will be available in Elementor items. Just drag it to your website and select the customization options 🙂\u003C\u002Fp>\n\u003Cp>You can also use the shortcode to display the portfolio grid on a page\u002Fpost, or using Gutenberg and other page builders:\u003C\u002Fp>\n\u003Cp>[powerfolio]\u003C\u002Fp>\n\u003Cp>You can customize it using these options:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>postsperpage:\u003C\u002Fstrong> Set a number of posts to show (eg: postsperpage=”12″).\u003C\u002Fli>\n\u003Cli>\u003Cstrong>showfilter\u003C\u002Fstrong>: Show the category filter on the top of the grid. Options: yes\u002Fno. (eg: showfilter=”yes”).\u003C\u002Fli>\n\u003Cli>\u003Cstrong>style\u003C\u002Fstrong>: Set the grid style of the portfolio. Options: masonry\u002Fbox. (eg: style=”box”).\u003C\u002Fli>\n\u003Cli>\u003Cstrong>linkto\u003C\u002Fstrong>: Set the link type of the portfolio item. If is set to image, it will open the Featured Image on a lightbox. Options: image\u002Fproject. (eg: linkto=”image”).\u003C\u002Fli>\n\u003Cli>\u003Cstrong>columns\u003C\u002Fstrong>: Set the columns per row of the portfolio grid. Options: 2\u002F3\u002F4. (eg: columns=”4″).\u003C\u002Fli>\n\u003Cli>\u003Cstrong>margin\u003C\u002Fstrong>: Choose if you want a margin between the items or no. Options: yes\u002Fno. (eg: margin=”no”).\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Example of a complete shortcode:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>[powerfolio postsperpage=”12″ type=”no” showfilter=”yes” style=”masonry” linkto=”image” columns=”4″ margin=”no”]\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Example of a complete shortcode without the set properties:\u003C\u002Fstrong>\u003Cbr \u002F>\n[powerfolio postsperpage=”” showfilter=”” style=”” linkto=”” columns=”” margin=””]\u003C\u002Fp>\n","A powerful portfolio and gallery plugin for WP, Elementor and Gutenberg. Create portfolio and image galleries in seconds using any page builder!",10000,365982,90,11,"2025-12-03T22:46:00.000Z","4.0",[20,90,91,92,93],"gallery","image-gallery","portfolio","responsive-portfolio","https:\u002F\u002Fpowerfoliowp.com","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fportfolio-elementor.3.2.5.zip",96,4,"2025-09-22 00:00:00",{"slug":100,"name":101,"version":102,"author":103,"author_profile":104,"description":105,"short_description":106,"active_installs":107,"downloaded":108,"rating":35,"num_ratings":109,"last_updated":110,"tested_up_to":111,"requires_at_least":112,"requires_php":49,"tags":113,"homepage":117,"download_link":118,"security_score":119,"vuln_count":27,"unpatched_count":27,"last_vuln_date":28,"fetched_at":29},"magic-liquidizer-responsive-table","Magic Liquidizer Responsive Table","2.0.4","Elvin D","https:\u002F\u002Fprofiles.wordpress.org\u002Fesstat17\u002F","\u003Cp>A simple and lightweight WordPress plugin that transforms your normal HTML table into mobile responsive table. It’s a must have Responsive Web Design (RWD) tool for developing your website. Page tables may overlap in small screens or when dragging your browser to minimizing it for mobile screens simulation especially when the table contains large contents such as texts and images. So this is your solution!\u003C\u002Fp>\n\u003Cp>Magic Liquidizer Responsive Table plugin – is just one of many features of \u003Ca href=\"http:\u002F\u002Fwww.innovedesigns.com\u002Fwordpress\u002Fplugin\u002Fmagic-liquidizer-instant-responsive-web-design-plugin-for-wordpress\u002F\" rel=\"nofollow ugc\">Magic Liquidizer\u003C\u002Fa> for a complete Responsive Web Design solution such as images, texts, forms, tables, navigation menu, and other HTML elements.\u003C\u002Fp>\n\u003Cp>The demonstration link below is where Magic Liquidizer plugin used, minus anything else, just observe the Responsive Table function. See it in action by following this \u003Ca href=\"http:\u002F\u002Fwww.innovedesigns.com\u002Fwordpress\u002Fmagic-liquidizer-responsive-table-rwd-you-must-have-wp-plugin\u002F\" rel=\"nofollow ugc\">DEMO\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>If you like this plugin, good ratings is much appreciated.\u003C\u002Fp>\n\u003Cp>For more information kindly check \u003Ca href=\"http:\u002F\u002Fwww.innovedesigns.com\u002Fwordpress\u002Fmagic-liquidizer-responsive-table-rwd-you-must-have-wp-plugin\u002F\" rel=\"nofollow ugc\">InnoveDesigns.com Responsive Table article.\u003C\u002Fa> and leave a message via our contact form for further concerns. Also you can join the project on GitHub \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fesstat17\u002FMagic-Liquidizer-Responsive-Table\" title=\"Magic-Liquidizer Responsive Table Project\" rel=\"nofollow ugc\">Magic-Liquidizer-Responsive-Table Project\u003C\u002Fa>.\u003C\u002Fp>\n","A simple and lightweight Wordpress plugin that converts HTML \u003Ctable> into responsive.",6000,125450,54,"2019-11-18T17:33:00.000Z","5.3.21","3.0.1",[21,114,22,115,116],"mobile","rwd","table","http:\u002F\u002Fwww.innovedesigns.com\u002Fwordpress\u002Fmagic-liquidizer-responsive-table-rwd-you-must-have-wp-plugin\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fmagic-liquidizer-responsive-table.zip",85,{"slug":121,"name":122,"version":123,"author":124,"author_profile":125,"description":126,"short_description":127,"active_installs":128,"downloaded":129,"rating":130,"num_ratings":131,"last_updated":132,"tested_up_to":68,"requires_at_least":69,"requires_php":70,"tags":133,"homepage":138,"download_link":139,"security_score":13,"vuln_count":27,"unpatched_count":27,"last_vuln_date":28,"fetched_at":29},"custom-css-for-elementor","Custom CSS for Elementor","2.1.1","Sayedul Sayem","https:\u002F\u002Fprofiles.wordpress.org\u002Fsayedulsayem\u002F","\u003Cp>Custom CSS for Elementor is a handy tool for writing CSS codes within different devices like Desktops, Tablets & Mobile for Elementor Widgets. It will help you to not bother with writing media queries several times. Custom CSS for Elementor plugin comes with the default media query system.\u003C\u002Fp>\n\u003Cp>See the plugin’s GitHub repository \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fsayedulsayem\u002Fcustom-css-for-elementor\" rel=\"nofollow ugc\">Custom CSS for Elementor\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>📢 Big Announcement –\u003C\u002Fh3>\n\u003Cp>After getting several requests we have added live preview mode while styling with CSS. Now you can see the reflection instantly. No hassle of continual preview checks in the front end.\u003C\u002Fp>\n\u003Cp>Enjoy styling with CSS without any hassle.\u003C\u002Fp>\n\u003Ch3>\u003Cstrong>Required Tools\u003C\u002Fstrong>\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Elementor Free Only\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>📘 \u003Cstrong>How to Use Custom CSS for Elementor\u003C\u002Fstrong>\u003C\u002Fh3>\n\u003Cp>First of all, it’s a plug-and-play tool. You will not get any setting page. So, after installing the Custom CSS for Elementor tool, just navigate to any Elementor Widget editing panel, then jump on the Advanced tab section; you will get a new accordion of Custom CSS for Elementor. Unfold the accordion, and you will get three different fields to write CSS codes for your widgets. If you want to show different designs for different devices, choose the device panels according to your needs.\u003C\u002Fp>\n\u003Cp>Direction: Edit any Elementor Widget > Advanced Tab > Custom Css for Elementor\u003C\u002Fp>\n\u003Cp>Note: According to general CSS logic, if you write CSS for a bigger screen (Desktop), it will be automatically implemented on smaller devices chronologically. If you want to change anything for a smaller screen, you have to write different CSS for smaller screens.\u003C\u002Fp>\n\u003Cp>In our Custom CSS for Elementor addon, if you want to add global CSS, just write CSS code in the desktop\u002Fglobal panel, and the code will be automatically implied to the other screen. If you want to change the CSS for Tablets, you have to write different CSS in our Tablet CSS panel. And same goes for mobile devices. If you want to change the CSS for Mobile devices, write different CSS in the Mobile CSS panel of our tool.\u003C\u002Fp>\n\u003Cp>Don’t forget to check the Screenshots below to get a clear overview of the tool.\u003C\u002Fp>\n\u003Ch3>❓ \u003Cstrong>Why You Need This\u003C\u002Fstrong>\u003C\u002Fh3>\n\u003Cp>If you know the Elementor’s plenty of Dom creation issues, you will know the pain. But you can reduce so many bloated codes if you use simple CSS. But writing CSS for various devices, you need to be an expert on CSS as you have to deal with the Media Query every time. But our Custom CSS for Elementor addon will be the savior for you. We are handling the pain part of yours. Moreover, to add custom CSS, you don’t need to go to the Additional CSS of the theme customizer if you are using Elementor Free to manage your site as we build this tool for you. It’s just an advanced version of the Elementor Pro’s Default Custom CSS panel.\u003C\u002Fp>\n\u003Ch3>🔥 \u003Cstrong>What Are the Key Features of Elementor Custom CSS Plugin\u003C\u002Fstrong>\u003C\u002Fh3>\n\u003Cp>As the essential tool, we have shared with you. But in short, here are the other features of the custom CSS addon for Elementor,\u003C\u002Fp>\n\u003Cul>\n\u003Cli>It’s a lightweight plugin that will use Elementor CSS files to enqueue custom CSS. Won’t generate any new CSS to reduce server requests.\u003C\u002Fli>\n\u003Cli>You can face lacking options during change style through style control, but our Custom CSS for Elementor Addon will allow you to write CSS to overcome these lackings.\u003C\u002Fli>\n\u003Cli>We prepared this tool by maintaining a World-class safety methodology. Also, we have run the malicious test, and it passed all the tests. \u003C\u002Fli>\n\u003Cli>It works with any Elementor widget and other third-party Elementor addons widgets too.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>💻 How to Change Breakpoints in WordPress\u003C\u002Fh3>\n\u003Cp>To modify breakpoints for tablet and mobile devices in WordPress, you can add custom code to your theme’s \u003Ccode>functions.php\u003C\u002Fcode> file. Breakpoints determine when your website layout switches between different screen sizes, ensuring optimal display across devices.\u003C\u002Fp>\n\u003Ch4>Changing Tablet Breakpoint\u003C\u002Fh4>\n\u003Cp>To adjust the breakpoint for tablets, follow these steps:\u003C\u002Fp>\n\u003Col>\n\u003Cli>Open your WordPress theme’s \u003Ccode>functions.php\u003C\u002Fcode> file.\u003C\u002Fli>\n\u003Cli>\n\u003Cp>Add the following PHP code snippet:\u003C\u002Fp>\n\u003Cp>\u003Ccode>add_filter( 'custom_css_for_elementor_breakpoints' , function( $default_breakpoints ) {\u003Cbr \u002F>\n$default_breakpoints['tablet'] = 768; \u002F\u002F change this value\u003Cbr \u002F>\nreturn $default_breakpoints;\u003Cbr \u002F>\n}, 20, 1);\u003C\u002Fcode>\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>Save the file.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch4>Changing Mobile Breakpoint\u003C\u002Fh4>\n\u003Cp>To customize the breakpoint for mobile devices, use the following instructions:\u003C\u002Fp>\n\u003Col>\n\u003Cli>Navigate to your theme’s \u003Ccode>functions.php\u003C\u002Fcode> file.\u003C\u002Fli>\n\u003Cli>\n\u003Cp>Insert the following PHP code:\u003C\u002Fp>\n\u003Cp>\u003Ccode>add_filter( 'custom_css_for_elementor_breakpoints' , function( $default_breakpoints ) {\u003Cbr \u002F>\n$default_breakpoints['mobile'] = 425; \u002F\u002F change this value\u003Cbr \u002F>\nreturn $default_breakpoints;\u003Cbr \u002F>\n}, 20, 1);\u003C\u002Fcode>\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>Save the changes.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>By adjusting these breakpoints, you can fine-tune your website’s responsiveness and ensure a seamless viewing experience across various devices.\u003C\u002Fp>\n\u003Ch3>\u003Cstrong>PRIVACY POLICY\u003C\u002Fstrong>\u003C\u002Fh3>\n\u003Cp>We are not collecting any of your personal data or any kind of logs. So there will be no chance to violate your privacy through this plugin.\u003C\u002Fp>\n\u003Ch3>\u003Cstrong>For Technical Support\u003C\u002Fstrong>\u003C\u002Fh3>\n\u003Cp>We all know nothing is perfect. But we all make everything perfect for everyone by sharing and caring. If you find any bug before giving us a negative rating, please report us \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fsupport\u002Fplugin\u002Fcustom-css-for-elementor\u002F\" rel=\"ugc\">here\u003C\u002Fa>. We will definitely try to resolve your issue asap. Without your support, we cannot run this project so longer smoothly.\u003C\u002Fp>\n\u003Ch3>\u003Cstrong>ABOUT THE MAKER\u003C\u002Fstrong>\u003C\u002Fh3>\n\u003Cp>I am \u003Ca href=\"https:\u002F\u002Fsayedulsayem.com\u002F\" rel=\"nofollow ugc\">Sayedul Sayem\u003C\u002Fa>, a Bangladeshi full-stack WordPress developer and free and open source enthusiast. As Custom CSS for Elementor is an open-source project, you can encourage me by giving me a \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fsupport\u002Fplugin\u002Fcustom-css-for-elementor\u002Freviews\u002F?filter=5\" rel=\"ugc\">5* rating\u003C\u002Fa>. Nothing also, you can contact me on my \u003Ca href=\"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fsayedulsayem\u002F\" rel=\"nofollow ugc\">LinkedIn\u003C\u002Fa> for consultation or just to say hello. I love talking to new people. So don’t hesitate.\u003C\u002Fp>\n","This plugin helps you push custom CSS in any native Elementor widget, solving style control limitations.",5000,34803,80,9,"2025-10-19T22:53:00.000Z",[134,135,20,136,137],"css","custom-css","elementor-addons","responsive-css","https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fcustom-css-for-elementor\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fcustom-css-for-elementor.2.1.1.zip",{"attackSurface":141,"codeSignals":259,"taintFlows":321,"riskAssessment":356,"analyzedAt":364},{"hooks":142,"ajaxHandlers":250,"restRoutes":256,"shortcodes":257,"cronEvents":258,"entryPointCount":14,"unprotectedCount":14},[143,149,153,157,162,166,170,174,178,182,186,190,195,200,203,206,210,213,217,220,224,228,233,237,241,245],{"type":144,"name":145,"callback":146,"file":147,"line":148},"filter","arts\u002Felementor_extension\u002Ftabs\u002Ftabs","get_elementor_site_settings_tabs","src\\php\\Plugin.php",61,{"type":144,"name":150,"callback":151,"file":147,"line":152},"arts\u002Felementor_extension\u002Fplugin\u002Fconfig","filter_plugin_config",62,{"type":144,"name":154,"callback":155,"file":147,"line":156},"arts\u002Felementor_extension\u002Fplugin\u002Fstrings","get_strings",63,{"type":158,"name":159,"callback":160,"priority":65,"file":147,"line":161},"action","elementor\u002Felement\u002Fafter_section_end","modify_control_settings",67,{"type":158,"name":163,"callback":164,"file":147,"line":165},"elementor\u002Fajax\u002Fregister_actions","register_ajax_handlers",68,{"type":158,"name":167,"callback":168,"file":147,"line":169},"elementor\u002Feditor\u002Fbefore_enqueue_scripts","elementor_enqueue_editor_scripts",69,{"type":158,"name":171,"callback":172,"file":147,"line":173},"elementor\u002Feditor\u002Fafter_enqueue_styles","elementor_enqueue_editor_styles",70,{"type":158,"name":175,"callback":176,"file":147,"line":177},"elementor\u002Fcss-file\u002Fpost\u002Fparse","optimize_fluid_css_post_parse",71,{"type":158,"name":179,"callback":180,"priority":130,"file":147,"line":181},"admin_menu","add_admin_menu",72,{"type":158,"name":183,"callback":184,"file":147,"line":185},"admin_enqueue_scripts","enqueue_assets",73,{"type":144,"name":187,"callback":188,"priority":65,"file":147,"line":189},"elementor\u002Ffiles\u002Fcss\u002Fselectors","modify_selectors",78,{"type":144,"name":191,"callback":192,"file":193,"line":194},"arts\u002Felementor_extension\u002Feditor\u002Flive_settings","add_tab_live_settings","vendor-prefixed\\arts\\elementor-extension\\src\\php\\Managers\\Tabs.php",84,{"type":158,"name":196,"callback":197,"file":198,"line":199},"admin_notices","admin_notice_missing_main_plugin","vendor-prefixed\\arts\\elementor-extension\\src\\php\\Plugin.php",97,{"type":158,"name":196,"callback":201,"file":198,"line":202},"admin_notice_minimum_elementor_version",106,{"type":158,"name":196,"callback":204,"file":198,"line":205},"admin_notice_minimum_php_version",114,{"type":158,"name":207,"callback":208,"file":198,"line":209},"elementor\u002Felements\u002Fcategories_registered","register",127,{"type":158,"name":211,"callback":208,"file":198,"line":212},"elementor\u002Fwidgets\u002Fregister",130,{"type":158,"name":214,"callback":215,"file":198,"line":216},"init","add_init_actions",133,{"type":158,"name":218,"callback":208,"file":198,"line":219},"elementor\u002Fkit\u002Fregister_tabs",136,{"type":158,"name":221,"callback":222,"file":198,"line":223},"elementor\u002Feditor\u002Fafter_enqueue_scripts","enqueue_live_settings_script",139,{"type":158,"name":225,"callback":226,"file":198,"line":227},"wp_enqueue_scripts","enqueue_widget_handler_script",140,{"type":144,"name":229,"callback":230,"file":231,"line":232},"arts\u002Foptimizer\u002Fpreloads\u002Fassets_map","add_preload_assets","vendor-prefixed\\arts\\elementor-extension\\src\\php\\Widgets\\Traits\\Preloads.php",22,{"type":144,"name":234,"callback":235,"file":231,"line":236},"arts\u002Foptimizer\u002Fpreloads\u002Fmodules_map","add_preload_modules",23,{"type":144,"name":238,"callback":239,"file":231,"line":240},"arts\u002Foptimizer\u002Fpreloads\u002Fimages_map","add_preload_images",24,{"type":144,"name":242,"callback":243,"file":231,"line":244},"arts\u002Foptimizer\u002Fpreloads\u002Fprefetch_map","add_prefetch",25,{"type":144,"name":246,"callback":247,"file":248,"line":249},"wpml_elementor_widgets_to_translate","filter_wpml_widgets_to_translate","vendor-prefixed\\arts\\elementor-extension\\src\\php\\Widgets\\Traits\\WPML.php",21,[251],{"action":252,"nopriv":253,"callback":254,"hasNonce":253,"hasCapCheck":253,"file":147,"line":255},"fluid_design_system_admin_action",false,"handle_ajax_requests",74,[],[],[],{"dangerousFunctions":260,"sqlUsage":285,"outputEscaping":287,"fileOperations":27,"externalRequests":27,"nonceChecks":318,"capabilityChecks":319,"bundledLibraries":320},[261,266,269,272,275,277,281],{"fn":262,"file":263,"line":264,"context":265},"assert","vendor-prefixed\\arts\\elementor-extension\\src\\php\\Managers\\Editor.php",32,"assert( is_string( $dir_url ) );",{"fn":262,"file":198,"line":267,"context":268},103,"assert( is_string( $required_elementor_version ) );",{"fn":262,"file":198,"line":270,"context":271},112,"assert( is_string( $required_php_version ) );",{"fn":262,"file":198,"line":273,"context":274},180,"assert( is_string( $required_version ) );",{"fn":262,"file":198,"line":276,"context":274},206,{"fn":262,"file":278,"line":279,"context":280},"vendor-prefixed\\arts\\elementor-extension\\src\\php\\Tabs\\BaseTab.php",129,"assert( is_array( $parent_settings ) );",{"fn":262,"file":282,"line":283,"context":284},"vendor-prefixed\\arts\\elementor-extension\\src\\php\\Widgets\\BaseWidget.php",358,"assert( is_array( $settings ) );",{"prepared":27,"raw":27,"locations":286},[],{"escaped":288,"rawEcho":289,"locations":290},156,13,[291,294,296,298,299,301,302,304,306,308,310,312,315],{"file":292,"line":189,"context":293},"src\\php\\Managers\\Admin\\Tabs\\Groups\\View.php","raw output",{"file":292,"line":295,"context":293},93,{"file":292,"line":297,"context":293},351,{"file":292,"line":283,"context":293},{"file":292,"line":300,"context":293},402,{"file":292,"line":66,"context":293},{"file":292,"line":303,"context":293},428,{"file":292,"line":305,"context":293},475,{"file":292,"line":307,"context":293},484,{"file":292,"line":309,"context":293},506,{"file":292,"line":311,"context":293},512,{"file":313,"line":314,"context":293},"vendor-prefixed\\arts\\utilities\\src\\php\\Traits\\ContactForm7.php",55,{"file":316,"line":317,"context":293},"vendor-prefixed\\arts\\utilities\\src\\php\\Traits\\Markup.php",174,3,5,[],[322,346],{"entryPoint":323,"graph":324,"unsanitizedCount":14,"severity":345},"render_admin_page (src\\php\\Managers\\Admin\\Page.php:39)",{"nodes":325,"edges":342},[326,331,335],{"id":327,"type":328,"label":329,"file":330,"line":169},"n0","source","$_GET","src\\php\\Managers\\Admin\\Page.php",{"id":332,"type":333,"label":334,"file":330,"line":169},"n1","transform","→ render_tab_content()",{"id":336,"type":337,"label":338,"file":339,"line":340,"wp_function":341},"n2","sink","echo() [XSS]","src\\php\\Managers\\Admin\\Tabs\\Tabs.php",52,"echo",[343,344],{"from":327,"to":332,"sanitized":253},{"from":332,"to":336,"sanitized":253},"medium",{"entryPoint":347,"graph":348,"unsanitizedCount":14,"severity":345},"\u003CPage> (src\\php\\Managers\\Admin\\Page.php:0)",{"nodes":349,"edges":353},[350,351,352],{"id":327,"type":328,"label":329,"file":330,"line":169},{"id":332,"type":333,"label":334,"file":330,"line":169},{"id":336,"type":337,"label":338,"file":339,"line":340,"wp_function":341},[354,355],{"from":327,"to":332,"sanitized":253},{"from":332,"to":336,"sanitized":253},{"summary":357,"deductions":358},"The plugin 'fluid-design-system-for-elementor' v2.2.1 exhibits a mixed security posture. On the positive side, it demonstrates good practices by using prepared statements for all SQL queries, a high percentage of proper output escaping, and a lack of known vulnerabilities in its history. It also has a reasonable number of capability checks and nonces in place. However, a significant concern arises from the static analysis, which reveals one unprotected AJAX handler as the sole entry point. While the taint analysis shows no critical or high-severity unsanitized paths, the presence of an unprotected entry point remains a potential avenue for attacks if input is not rigorously validated and sanitized within that handler. The use of the 'assert' function, while not directly exploitable in this context without further information, is generally discouraged in production code due to potential for misuse. Overall, the plugin is reasonably well-developed with good data handling, but the unprotected AJAX endpoint requires careful scrutiny and mitigation.",[359,362],{"reason":360,"points":361},"Unprotected AJAX handler",8,{"reason":363,"points":33},"Use of dangerous 'assert' function","2026-03-16T20:27:42.654Z",{"wat":366,"direct":398},{"assetPaths":367,"generatorPatterns":382,"scriptPaths":383,"versionParams":384},[368,369,370,371,372,373,374,375,376,377,378,379,380,381],"\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fcss\u002Fbase.css","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fcss\u002Ftable.css","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fcss\u002Finline-editing.css","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fcss\u002Fresponsive.css","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fcss\u002Fstatus-notices.css","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fcss\u002Fajax.css","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fcss\u002Faccordion.css","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fjs\u002Fpurify.min.js","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fjs\u002Fbase.js","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fjs\u002Fstatus-notices.js","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fjs\u002Fsortable.js","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fjs\u002Finline-editing.js","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fjs\u002Fajax-manager.js","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fjs\u002Faccordion.js",[],[375,376,377,378,379,380,381],[385,386,387,388,389,390,391,392,393,394,395,396,397],"\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fcss\u002Fbase.css?ver=","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fcss\u002Ftable.css?ver=","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fcss\u002Finline-editing.css?ver=","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fcss\u002Fresponsive.css?ver=","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fcss\u002Fstatus-notices.css?ver=","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fcss\u002Fajax.css?ver=","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fcss\u002Faccordion.css?ver=","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fjs\u002Fbase.js?ver=","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fjs\u002Fstatus-notices.js?ver=","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fjs\u002Fsortable.js?ver=","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fjs\u002Finline-editing.js?ver=","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fjs\u002Fajax-manager.js?ver=","\u002Fwp-content\u002Fplugins\u002Ffluid-design-system-for-elementor\u002Fadmin\u002Fjs\u002Faccordion.js?ver=",{"cssClasses":399,"htmlComments":409,"htmlAttributes":424,"restEndpoints":428,"jsGlobals":429,"shortcodeOutput":431},[400,401,402,403,404,405,406,407,408],"arts-fluid-ds-admin-wrapper","arts-fluid-ds-settings-page","arts-fluid-ds-table","arts-fluid-ds-table__cell","arts-fluid-ds-inline-editing","arts-fluid-ds-responsive-settings","arts-fluid-ds-status-notices","arts-fluid-ds-ajax-manager","arts-fluid-ds-accordion",[410,411,412,413,414,415,416,416,417,418,419,420,421,422,423],"Admin page assets (CSS\u002FJS) enqueuing.","Enqueues modular CSS\u002FJS for admin groups management page.","Hooked to admin_enqueue_scripts.","Enqueues Elementor icons for the hero button","Enqueues modular CSS files","Enqueue status notices CSS (before AJAX CSS)","Enqueue AJAX CSS (now simplified, depends on status notices)","Enqueues modular JavaScript files","Enqueue status notices JS (before other modules that depend on it)","Enqueue AJAX manager (now depends on status notices)","Enqueue accordion functionality for cross-group preset management","Localize script for AJAX","AJAX operation messages","Validation messages",[425,426,427],"data-fluid-ds-group-id","data-fluid-ds-control-type","data-fluid-ds-control-name",[],[430],"fluidDesignSystemAdmin",[]]