mindspun

mattlaue

<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

itsdavidmorgan

Swell

travistotz

<p>Make your WordPress blocks look great on every device without writing CSS.</p>
<p>Swell Smart Responsive Block Suite adds responsive controls right in the block editor. Adjust padding, margins, font sizes, and visibility for desktop, tablet, and mobile — and see changes live as you work.</p>
<h4>What Makes This Different</h4>
<p><strong>Copy/Paste Styles</strong> – Styled one block perfectly? Copy those responsive settings and paste them to other blocks instantly.</p>
<p><strong>Quick Actions</strong> – Common tasks like “Hide on Mobile” or “Responsive Heading” are one click away.</p>
<p><strong>Inheritance Indicators</strong> – See which values are inherited from larger screens. Override them when you need to.</p>
<h4>Core Features</h4>
<p>Adjust spacing, font sizes, and visibility for three breakpoints: Desktop (1025px+), Tablet (768-1024px), and Mobile (767px-).</p>
<p>The responsive panel syncs with WordPress’s viewport switcher, so what you see is what you get.</p>
<h4>Supported Blocks</h4>
<p>Works with Group, Columns, Column, Cover, Heading, Paragraph, Button, List, Quote, and Pull Quote blocks.</p>
<h4>Simple to Use</h4>
<ol>
<li>Select a block</li>
<li>Open the “Responsive” panel in the sidebar</li>
<li>Switch between devices and adjust settings</li>
<li>Changes appear live in the editor</li>
</ol>
<p>That’s it. No setup, no config files, no learning curve.</p>
<h3>Privacy</h3>
<p>This plugin doesn’t track users, phone home, or collect data. Everything stays in your WordPress database.</p>
<h3>Credits</h3>
<p>Developed by <a href="https://swellapps.ai" rel="nofollow ugc">Swell Apps</a></p>


Swell Smart Responsive Block Suite

Workflow-focused responsive design for WordPress blocks. Copy/paste styles, quick presets, and smart inheritance indicators.

Mindspun Responsive Blocks vs Swell Smart Responsive Block Suite