vectorarrow

<h4>Features</h4>
Dynamic Content — Insert live data into any block using a simple template syntax: <code>{{ post.title }}</code>, <code>{{ user.name }}</code>, <code>{{ site.name }}</code>. No shortcodes, no PHP templates, no code.
Personalization — Greet visitors by name, show role-specific content, or display custom messages based on login status. Expressions are evaluated server-side on every page load.
Visibility Control — Show or hide any Gutenberg block based on conditions. Display content only for logged-in users, specific roles, or specific post states — all configured from the block sidebar.
Dynamic CSS Classes — Inject CSS classes into any block based on live data. Style blocks differently for administrators vs. guests, published vs. draft posts, and more.
20+ Built-in Filters — Transform values with chainable pipes: <code>upper</code>, <code>lower</code>, <code>truncate</code>, <code>date</code>, <code>default</code>, <code>match</code>, <code>replace</code>, <code>kebab</code>, and more. Chain them: <code>{{ post.title | upper | truncate 20 }}</code>.
Custom Fields — Access any post or user meta with <code>post.meta.my_field</code> or <code>user.meta.my_field</code>. Sensitive keys are blocked by default.
Full Expression Language — Arithmetic, comparison, ternary, logical operators, string interpolation, and bracket access. All evaluated server-side with zero frontend JavaScript.
In-Editor Autocomplete — Typing <code>{{</code> triggers smart autocomplete with categorized suggestions, icons, and live previews.
Extensible — Register custom data roots, custom filters, and custom autocomplete suggestions via WordPress hooks and JavaScript filters.
For complete syntax reference, filter documentation, and developer guides, visit the <a href="https://vectorarrow.com/docs/" rel="nofollow ugc">full documentation</a>.
<h4>How It Works</h4>
Add an expression to any block’s text content by typing <code>{{</code> and selecting your expression from the autocomplete menu. The plugin will automatically format it as an expression chip.
<pre><code>{{ post.title }}
{{ user.name | default "Guest" }}
{{ post.date | date "F j, Y" }}
{{ user.is_logged_in ? "Welcome back!" : "Hello, visitor!" }}
</code></pre>
Expressions are rendered as interactive chips in the editor and resolved server-side on every page render. No JavaScript runs on the frontend.
For the full syntax guide, data roots, and filter reference, see the <a href="https://vectorarrow.com/docs/" rel="nofollow ugc">documentation</a>.
<h4>Source Code</h4>
The full, uncompressed source code is publicly available on <a href="https://github.com/samuel-reinhardt/Vector-Expressions" rel="nofollow ugc">GitHub</a>.

Vector Expressions

Embed dynamic expressions in the Gutenberg block editor to personalize content and control block visibility.

Scott (@scottsweb)

mobble provides mobile related conditional functions for your site. e.g. <a href="https://wordpress.org/extend/plugins/mobble/faq/" title="More examples" rel="ugc">is_iphone(), is_mobile() and is_tablet()</a>.
CSS media queries are great for creating responsive web designs but they do not always provide enough control. There are times when not all of the content, JavaScript or CSS on a page is relevant for a particular device. With the mobble functions you can make these kind of tweaks to your theme.
mobble can also add device information to the body class of your theme allowing you to easily target your CSS for different gadgets.
<a href="http://scott.ee/" title="Freelance WordPress web design Farnham, Surrey" rel="nofollow ugc">a plugin by Scott Evans</a>

mobble

Plugin is very simple and works very well. Great example of the plugin that does one job and does it well. Very appreciated!

Great plugin

Helper plugin that provides conditional functions for detecting a variety of mobile devices & tablets. Perfect accompaniment to CSS Media Queries.

Vector Expressions vs mobble