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.

Vector Expressions vs If-So Dynamic Content Personalization