[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fNXdBdrfYjjNpUQmD7gehCwq9_trbpI6WrMGqovL-ctU":3},{"slug":4,"display_name":5,"profile_url":6,"plugin_count":7,"total_installs":8,"avg_security_score":9,"avg_patch_time_days":10,"trust_score":11,"computed_at":12,"plugins":13},"artemsemkin","Artem Semkin","https:\u002F\u002Fprofiles.wordpress.org\u002Fartemsemkin\u002F",2,200,100,30,94,"2026-04-04T16:47:43.465Z",[14,37],{"slug":15,"name":16,"version":17,"author":5,"author_profile":6,"description":18,"short_description":19,"active_installs":8,"downloaded":20,"rating":9,"num_ratings":21,"last_updated":22,"tested_up_to":23,"requires_at_least":24,"requires_php":25,"tags":26,"homepage":32,"download_link":33,"security_score":9,"vuln_count":34,"unpatched_count":34,"last_vuln_date":35,"fetched_at":36},"fluid-design-system-for-elementor","Fluid Design System for Elementor","2.2.1","\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.",2625,1,"2026-01-21T17:09:00.000Z","6.9.4","6.0","8.0",[27,28,29,30,31],"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":38,"name":39,"version":40,"author":5,"author_profile":6,"description":41,"short_description":42,"active_installs":34,"downloaded":43,"rating":34,"num_ratings":34,"last_updated":44,"tested_up_to":23,"requires_at_least":24,"requires_php":45,"tags":46,"homepage":52,"download_link":53,"security_score":9,"vuln_count":34,"unpatched_count":34,"last_vuln_date":35,"fetched_at":54},"release-deploy-edd","Release Deploy for Easy Digital Downloads","1.0.1","\u003Cp>Release Deploy for Easy Digital Downloads connects your GitHub releases directly to your EDD store—no ZIP uploads, no manual updates, no local file storage.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Perfect for developers\u003C\u002Fstrong> who want to streamline their release workflow: create a GitHub release and your customers instantly and securely get access.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>How it works\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Create a GitHub release (manually or via CI\u002FCD) \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> Upload your ZIP as a release asset \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> Select it in EDD \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> Files serve directly to customers.\u003C\u002Fp>\n\u003Cp>Your GitHub repository becomes the single source of truth for both your code and your downloads.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Core features\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Direct delivery\u003C\u002Fstrong> – serve files from GitHub CDN without storing assets in \u003Ccode>\u002Fwp-uploads\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Private & public repos\u003C\u002Fstrong> – both fully supported with secure token authentication\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Visual file browser\u003C\u002Fstrong> – select GitHub release assets as easily as picking images from Media Library\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Smart caching\u003C\u002Fstrong> – stay well within GitHub rate limits to ensure uninterrupted downloads\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Real-time validation\u003C\u002Fstrong> – instant confirmation that files are accessible and ready to serve to customers\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Rate limit monitoring\u003C\u002Fstrong> – stay informed about your GitHub API usage\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>True CI\u002FCD deployment for your EDD store\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Push a tag. Your EDD store updates instantly. Customers get the latest version. You do nothing.\u003C\u002Fp>\n\u003Ch3>Source Code\u003C\u002Fh3>\n\u003Cp>The complete source code for this plugin, including non-compiled JavaScript and CSS, is available on \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fartkrsk\u002Frelease-deploy-edd\" rel=\"nofollow ugc\">GitHub\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>Please see the GitHub repository for build instructions and development setup.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Upgrade to Pro\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Upgrade to \u003Ca href=\"https:\u002F\u002Fartemsemkin.gumroad.com\u002Fl\u002Frelease-deploy-edd-pro\u002FBF2025\" rel=\"nofollow ugc\">Release Deploy Pro\u003C\u002Fa> and unlock:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>“Latest” release keyword\u003C\u002Fstrong> – set once, never update Download files again when you release\u003C\u002Fli>\n\u003Cli>\u003Cstrong>GitHub webhooks\u003C\u002Fstrong> – customers get new releases instantly after you push, zero manual sync\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Version & changelog sync\u003C\u002Fstrong> – write once on GitHub, version numbers and changelogs update everywhere automatically\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Email notifications\u003C\u002Fstrong> – get alerted immediately if downloads fail or rate limits approach\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Priority support\u003C\u002Fstrong> – dedicated support forum with 24-hour response target\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>External Services\u003C\u002Fh3>\n\u003Cp>This plugin connects to GitHub’s REST API to serve downloadable files from your repositories.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>What service is used:\u003C\u002Fstrong>\u003Cbr \u002F>\n\u003Ca href=\"https:\u002F\u002Fapi.github.com\" rel=\"nofollow ugc\">GitHub REST API\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>\u003Cstrong>What data is sent:\u003C\u002Fstrong>\u003Cbr \u002F>\n– Your Personal Access Token (for authentication)\u003Cbr \u002F>\n– Repository names (to fetch releases)\u003Cbr \u002F>\n– Release information (to retrieve download files)\u003C\u002Fp>\n\u003Cp>\u003Cstrong>When data is sent:\u003C\u002Fstrong>\u003Cbr \u002F>\n– When browsing repositories in the admin interface\u003Cbr \u002F>\n– When validating file availability\u003Cbr \u002F>\n– When customers download files from your store\u003Cbr \u002F>\n– When checking API rate limits\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Privacy & Terms:\u003C\u002Fstrong>\u003Cbr \u002F>\n– \u003Ca href=\"https:\u002F\u002Fdocs.github.com\u002Fen\u002Fsite-policy\u002Fgithub-terms\u002Fgithub-terms-of-service\" rel=\"nofollow ugc\">GitHub Terms of Service\u003C\u002Fa>\u003Cbr \u002F>\n– \u003Ca href=\"https:\u002F\u002Fdocs.github.com\u002Fen\u002Fsite-policy\u002Fprivacy-policies\u002Fgithub-privacy-statement\" rel=\"nofollow ugc\">GitHub Privacy Statement\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>Your GitHub Personal Access Token is stored securely on your WordPress server and is never exposed to customers or third parties. All API requests are made server-side.\u003C\u002Fp>\n","Automate your EDD workflow. Push a tag, create a GitHub release, and files are instantly available—supports private repos, no local storage.",164,"","7.4",[47,48,49,50,51],"automation","easy-digital-downloads","github","webhook","workflow","https:\u002F\u002Fartemsemkin.gumroad.com\u002Fl\u002Frelease-deploy-edd-pro","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Frelease-deploy-edd.1.0.1.zip","2026-03-15T10:48:56.248Z"]