mattlaue

mindspun

<p>Mindspun Responsive Blocks empowers users to create fully-responsive layouts using lightweight blocks.<br />
It consists of easy-to-use blocks like container, image, heading, paragraph, tab, and button block that allows users to specify distinct styling for desktop, tablet, and mobile views.</p>
<h4>Blocks Included</h4>
<ul>
<li>Heading – Create headings in a range of sizes with precise margins, padding and text appearance including font styles, colors, and alignment options.</li>
<li>Paragraph – Create body text match your design preferences with font sizes, various appearance options and one-click letter case styles.</li>
<li>Buttons – Create and style buttons for any screen size with primary, outline and link button types.   You can even customize the hover state.</li>
<li>Image – Show different images and/or sizes for different screens.</li>
<li>Grid – Easily create responsive layouts using a 12-point grid system.</li>
<li>Container – Advanced block allowing the user to crete any flex-based layout they choose.</li>
<li>Link Group – Turns any collection of blocks into a link.</li>
<li>Tabs – Structure and present information in a tabular format.   Highly customizable to create any desired tabbed layout.</li>
<li>Show/Hide – Conditionally show inner blocks based on event.   Select from a slide or flip transition styles.</li>
</ul>
<h4>Key Features</h4>
<ul>
<li>Easy-to-use configuration options that are separately applied to desktop, tablet and mobile.</li>
<li>Works like a responsive version of core blocks making them quick to learn.</li>
<li>Lightweight, modern design to creating any layout without the bloat of a page-builder.</li>
<li>All blocks are <a href="https://developer.wordpress.org/block-editor/getting-started/glossary/#static-block" rel="nofollow ugc">static blocks</a> to ensure optimal performance.</li>
<li>Allows optional per-block custom CSS with media queries automatically applied for advanced use cases.</li>
</ul>
<h4>Source files</h4>
<p><a href="https://github.com/getmindspun/wordpress-responsive-blocks" rel="nofollow ugc">GitHub</a></p>
<h4>Support</h4>
<p>For any assistance or inquiries, contact us at support@mindspun.com or visit our <a href="https://m.facebook.com/groups/mindspun/" rel="nofollow ugc">Facebook Community Group</a>.<br />
Issue may be submitted via <a href="https://github.com/getmindspun/wordpress-responsive-blocks/issues" rel="nofollow ugc">GitHub</a></p>


Mindspun Responsive Blocks

Shabbir

<p><strong>Scintilla Blocks</strong> extends the WordPress block editor with powerful per-block responsive controls and a clean admin dashboard — no page builders, no bloat.</p>
<h4>Features</h4>
<ul>
<li><strong>Responsive Spacing</strong> — add per-breakpoint padding and margin to any block directly from the Inspector panel (Desktop / Tablet / Mobile tabs).</li>
<li><strong>Admin Dashboard</strong> — enable or disable controls for each registered block type with a single toggle.</li>
<li><strong>Global Settings</strong> — configure tablet and mobile breakpoints from one central place.</li>
<li><strong>Live Preview</strong> — spacing values update instantly in the editor as you switch between device preview modes.</li>
<li><strong>WordPress.org Ready</strong> — clean code, no external dependencies, GPL-2.0-or-later licensed.</li>
<li><strong>Lightweight</strong> — inline CSS is only emitted for blocks that have spacing values set; zero extra HTTP requests on the front end.</li>
</ul>
<h4>How it works</h4>
<ol>
<li>Activate the plugin.</li>
<li>Open any post or page in the block editor.</li>
<li>Select a block and find the <strong>Responsive Spacing</strong> panel inside the <strong>Dimensions</strong> section of the Inspector.</li>
<li>Switch between Desktop / Tablet / Mobile tabs and set padding or margin values.</li>
<li>Visit <strong>Scintilla Blocks</strong> in the WordPress admin to enable or disable controls per block, and to adjust breakpoint values.</li>
</ol>


Scintilla Blocks

Gutenberg block controls — responsive spacing, global settings, and a dashboard to activate or deactivate block features.

Mindspun Responsive Blocks vs Scintilla Blocks