Alvaro

<a href="https://gutenberg-showcase.melonpan.io/post-meta-controls" rel="nofollow ugc">Demo</a> – <a href="https://melonpan.io/wordpress-plugins/post-meta-controls" rel="nofollow ugc">Documentation</a> – <a href="https://github.com/garciaalvaro/post-meta-controls" rel="nofollow ugc">GitHub</a>
Register, Save, Modify and Get meta data in the Gutenberg editor. 
Use this plugin to add meta data controls inside a sidebar in the editor of posts, pages or custom post types. 
This is the list of controls available:
<ul>
<li>Buttons</li>
<li>Checkbox, Checkbox Multiple</li>
<li>Color, Color with Alpha</li>
<li>Custom text</li>
<li>Date Range, Date Single</li>
<li>Image, Image Multiple</li>
<li>Radio</li>
<li>Range, Range with Float number</li>
<li>Select</li>
<li>Text, Textarea</li>
</ul>
The plugin comes with different options to customize the Sidebars, Tabs, Panels and Setting controls.
<h3>Usage</h3>
Once the plugin is installed, you will need to include the plugin filter inside your plugin or theme to create a sidebar with it’s settings. 
The new sidebar/s can be accessed in any post type where it was registered. 
Modify the setting values with the controls inside the sidebar. 
Use the plugin helpers (see Helpers to get the meta values section) to get the meta data in the front end.

Post Meta Controls

Since I started using Gutenberg to build sites I've found this plugin essential in order to add meta info for CPTs.  At one point I looked around for alternatives but ended up finding none that could do everything this plugin does.

Thank you!

Essential plugin for CPTs in a Gutenberg world

Utilities to register, save and modify post meta data in the Gutenberg editor.

conversionmedia

QuantumPress

Sebastian Buchwald

Quantum Viewports extends the native Gutenberg blocks with responsive style controls without using extra blocks. 
Unlike other plugins that add custom blocks or duplicate components, Quantum Viewports integrates directly with the standard block components.
Key Features: 
– Works with all Block Themes out-of-the-box 
– Adds responsive controls (mobile, tablet, desktop) directly into block styles for margin, padding, border, shadow, background, and custom properties 
– Wraps all generated styles into CSS classes for clean frontend output 
– Built with a mobile-first approach: settings are applied to the appropriate viewport depending on which viewport is active while editing 
– Includes a Keyframe-style UI to preview, reset, or manage responsive styles per viewport 
– Includes a developer-friendly API (<code>registerRenderer</code>) to attach custom style components (currently JavaScript only)
<h4>Early Access – Feedback Welcome</h4>
Quantum Viewports is currently in active Early Access. 
The responsive style engine already works well with many Block Themes, but we are still gathering real-world feedback to ensure broader compatibility across different themes and editor configurations.
If you encounter something unexpected. A great success story, a bug, or a theme setup that behaves differently, we would love to hear from you. 
Every report helps us shape a reliable and truly native solution for responsive Block Styles in the WordPress ecosystem.
<h3>Getting Started</h3>
<h4>Example: Adjusting paragraph spacing with mobile-first and breakpoints</h4>
<ol>
<li>
Insert a Paragraph block
<ul>
<li>Open the Block Editor and add a Paragraph block.</li>
</ul>
</li>
<li>
Mobile View (base, 0px)
<ul>
<li>Select the Paragraph → open Styles panel → Spacing → Margin → Bottom.</li>
<li>Set margin to 20px.</li>
<li>This applies from 0px up, used as the baseline for all viewports.</li>
</ul>
</li>
<li>
Tablet View (override, min-width tablet)
<ul>
<li>Switch to Tablet viewport.</li>
<li>Change bottom margin to 40px.</li>
<li>This applies from the tablet breakpoint upwards, including Desktop.</li>
<li>A Keyframe marker appears for Tablet.</li>
</ul>
</li>
<li>
Desktop View (optional, min-width only)
<ul>
<li>Switch to Desktop viewport.</li>
<li>To apply changes only to Desktop, toggle “Edit on min-width”.</li>
<li>Set bottom margin to 60px.</li>
<li>Now a Media Query is generated for Desktop only.</li>
<li>Tablet margin remains 40px, Mobile margin remains 20px.</li>
</ul>
</li>
<li>
Frontend Result
<ul>
<li>Save and preview.</li>
<li>Margins adapt: Mobile 20px, Tablet 40px, Desktop 60px.</li>
<li>All styles are wrapped in CSS classes, mobile-first, optimized for any Block Theme.</li>
</ul>
</li>
</ol>
<h3>Feedback and Issues</h3>
GitHub Repository: https://github.com/Quantum-Press/Viewports 
Contact: https://quantum-press.com/en/contact

Quantum Viewports

Extend your BlockTheme to make standard block styles responsive! ---

Post Meta Controls vs Quantum Viewports