by Artem Semkin 5 (1 reviews)

Fluid Design System for Elementor

Name: Fluid Design System for Elementor
Rating: 5.0 (1 reviews)
Author: Artem Semkin

Create fluid typography & spacing presets natively in Elementor — no CSS clamp formulas, no breakpoints, just seamless responsive design.

Fluid Design System for Elementor ranks #10,647 among WordPress.org plugins with 300+ active installations, is #1,376 of 8,559 in the Customization category, a 5/5 rating from 1 reviews, and was last updated Aug 13, 2026. Data from WordPress.org, refreshed twice daily — see methodology.

Compatible with WP 7.1.1

v2.5.3 Current Version v2.5.3

Updated 1 month ago Last Update on 13 Aug, 2026

Refreshed 7 hours ago Last Refreshed on

#1,376 of 8,559 in Customization Top 25% by installs Downloads +16.4% this week

View on WordPress.org

Rank

#10,647

-103 this week

Active Installs

300+

-18%

KW Avg Position

27.7

0.3 better

Downloads

5.5K

+7 today

Support Resolved

— No change

Rating

100%

Review 5 out of 5

5 (1 reviews)

Next Milestone 400

Total Progress 49%

300+ 400+

677

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 51 more installs to reach 400+

Rank Changes

Current #10,647

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

5.0

1 reviews

Overall 100%

1 (100%)

0 (0%)

Security History

Source: WPVulnerability

No known vulnerabilities on record for Fluid Design System for Elementor. Checked 1 month ago.

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: 2.5.3
Last Updated: Aug 13, 2026
Requires WP: 6.0+
Tested Up To: 7.1.1
PHP Version: 8.0 or higher
Author: Artem Semkin

Support & Rating

Rating: ★ ★ ★ ★ ★ 5
Reviews: 1
Support Threads: 0
Resolved: 0%

Keywords

elementor fluid responsive spacing typography

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,754

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

30K+ installs

#1,007

Elementor Website Builder – more than just a page builder

10M+ installs

LiteSpeed Cache

7M+ installs

Ultimate Addons for Elementor – Widgets, Templates, WooCommerce & Header Footer Builder

2M+ installs

#26

Essential Addons for Elementor – Popular Elementor Templates & Widgets

1M+ installs

#29

Starter Templates: AI-Powered Website Templates for Elementor & Gutenberg

One Click Demo Import

1M+ installs

#61

Translate Wordpress with GTranslate

900K+ installs

#71

View all Customization plugins

TL;DR

AI summary of the plugin's readme

This plugin is for Elementor users who want responsive typography and spacing without manually setting values at every breakpoint. It solves the problem of rigid, time-consuming breakpoint-based design by letting users define a minimum and maximum value that scales smoothly across all screen sizes using CSS clamp().

Fluid typography presets
Fluid spacing presets
Custom preset groups
Global or per-preset breakpoints
Inline fluid values in controls
Save inline values as presets
Real-time editor preview
Works with all Elementor widgets

Frequently Asked Questions

Common questions about Fluid Design System for Elementor

No coding or CSS knowledge required. Everything is managed through Elementor's familiar interface.

Yes! The fluid units are available in any Elementor control that supports "custom" units, including typography, spacing, paddings, margins, gaps and more.

Yes! The plugin works with any WordPress theme, including the default Hello theme by Elementor.

No! The plugin uses Elementor's native CSS generation system, ensuring optimal performance. The fluid calculations are done once during CSS generation, not during page load.

Viewport units (like vw) scale based on the entire screen width, but they have no upper or lower limit — which can lead to text or spacing being too small on mobile or too large on desktops. Fluid units in this plugin use CSS clamp() behind the scenes, which means you define a minimum and maximum value. The result scales smoothly between those values — giving you precise, predictable, and accessible designs across all screen sizes.

Yes! You can mix different units in your presets, like using "3em" as a minimum value and "160px" as a maximum value.

Yes! You can set global breakpoints or define custom breakpoints for each individual preset. The default values (360px to 1920px) are just suggestions - you can set any values that work best for your design.

Yes. On WordPress 6.9+ with the MCP Adapter plugin active, the plugin registers a fluid-design-system MCP server for managing presets and preset groups. AI agents like Claude Code can list, create, update, move, and delete presets programmatically. See the Developer Reference for connection details.

The plugin uses the CSS clamp() function, which is supported by all modern browsers, including: - Chrome 79+ - Firefox 75+ - Safari 13.4+ - Edge 79+ - Opera 66+ - iOS Safari 13.4+ - Android Chrome 79+