arts/fluid-design-system

Fluid spacing and typography units for Elementor

v2.5.3 2026-08-13 08:08 UTC

Requires

• php: >=8.0
• arts/elementor-extension: @dev
• arts/utilities: @dev

Requires (Dev)

• arts/elementor-stubs: ^4.0
• brianhenryie/strauss: ^0.27
• captainhook/captainhook: ^5.27
• dealerdirect/phpcodesniffer-composer-installer: ^1.0
• ergebnis/composer-normalize: ^2.48
• php-stubs/woocommerce-stubs: ^10.5
• phpstan/phpstan: ^2.0
• phpunit/phpunit: ^9.6
• squizlabs/php_codesniffer: ^3.13.4
• szepeviktor/phpstan-wordpress: ^2.0
• wp-coding-standards/wpcs: ^3.0
• yoast/phpunit-polyfills: ^2.0

GPL-3.0-or-later

• Artem Semkin

Published on Packagist.org on 2026-08-13 08:09 UTC

README

Fluid typography and spacing presets for Elementor using CSS clamp() — smooth responsive scaling without breakpoints.

Quick Links

Users	Developers
Install from WordPress.org	Developer Hooks Reference
Video Tutorials & Guide	GitHub Releases

Development

git clone https://github.com/artkrsk/fluid-design-system-for-elementor.git
cd fluid-design-system-for-elementor
npm install

Edit project.development.js to set your WordPress plugin path:

config.wordpressPlugin.target = '/path/to/your/wordpress/plugins/fluid-design-system-for-elementor'

Commands

Command	Description
pnpm dev:plugin	Watch build, syncing into a local WP site (DEV_TARGET)
pnpm dev	Documentation site (VitePress)
pnpm build	Production build (creates the distribution ZIP)
pnpm test	Unit tests (Vitest)
pnpm release <spec>	Version bump, stamp, changelog sync and tag

Everything else runs through pnpm exec — biome check ., tsc --noEmit, stylelint 'src/styles/**/*.scss', knip, playwright test, and vendor/bin/phpstan / vendor/bin/phpcs on the PHP side.

Made by Artem Semkin