Title: Mindspun Responsive Blocks Author: mindspun Published: 26 Փետրվարի, 2024 Last modified: 11 Նոյեմբերի, 2024 --- Search plugins ![](https://ps.w.org/mindspun-responsive-blocks/assets/banner-772x250.jpg?rev=3041428) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/mindspun-responsive-blocks/assets/icon.svg?rev=3041428) # Mindspun Responsive Blocks By [mindspun](https://profiles.wordpress.org/mindspun/) [Download](https://downloads.wordpress.org/plugin/mindspun-responsive-blocks.0.18.1.zip) * [Details](https://hy.wordpress.org/plugins/mindspun-responsive-blocks/#description) * [Reviews](https://hy.wordpress.org/plugins/mindspun-responsive-blocks/#reviews) * [Installation](https://hy.wordpress.org/plugins/mindspun-responsive-blocks/#installation) * [Development](https://hy.wordpress.org/plugins/mindspun-responsive-blocks/#developers) [Support](https://wordpress.org/support/plugin/mindspun-responsive-blocks/) ## Description Mindspun Responsive Blocks empowers users to create fully-responsive layouts using lightweight blocks. 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. #### Blocks Included * Heading — Create headings in a range of sizes with precise margins, padding and text appearance including font styles, colors, and alignment options. * Paragraph — Create body text match your design preferences with font sizes, various appearance options and one-click letter case styles. * Buttons — Create and style buttons for any screen size with primary, outline and link button types. You can even customize the hover state. * Image — Show different images and/or sizes for different screens. * Grid — Easily create responsive layouts using a 12-point grid system. * Container — Advanced block allowing the user to crete any flex-based layout they choose. * Link Group — Turns any collection of blocks into a link. * Tabs — Structure and present information in a tabular format. Highly customizable to create any desired tabbed layout. * Show/Hide — Conditionally show inner blocks based on event. Select from a slide or flip transition styles. #### Key Features * Easy-to-use configuration options that are separately applied to desktop, tablet and mobile. * Works like a responsive version of core blocks making them quick to learn. * Lightweight, modern design to creating any layout without the bloat of a page- builder. * All blocks are [static blocks](https://developer.wordpress.org/block-editor/getting-started/glossary/#static-block) to ensure optimal performance. * Allows optional per-block custom CSS with media queries automatically applied for advanced use cases. #### Source files [GitHub](https://github.com/getmindspun/wordpress-responsive-blocks) #### Support For any assistance or inquiries, contact us at support@mindspun.com or visit our [Facebook Community Group](https://m.facebook.com/groups/mindspun/). Issue may be submitted via [GitHub](https://github.com/getmindspun/wordpress-responsive-blocks/issues) ## Screenshots * [[ * Blocks added to Gutenberg * [[ * Sample layout * [[ * Responsive options * [[ * Tabs mobile layout * [[ * Editing with blocks ## Blocks This plugin provides 16 blocks. * Link Group Turns a group of blocks into one big clickable link. * Buttons Fully-responsive button group. * Form General form element meant to contain fields. * Select Fully-responsive select block. * Heading Fully-responsive headings. * Tabs Tabbed container. * Image Fully-responsive images. * Grid Responsive layout based on a 12-column grid. * Show/Hide Conditionally show a block based on an event. * Text Area Multi-line editing control for free-form text. * Container Advanced, powerful containers designed for responsive CSS layouts. * Field Fully-responsive fields consisting of inputs and optional labels. * Paragraph Fully-responsive paragraphs. * Radio Buttons Fully-responsive radio buttons. * Checkbox Fully-responsive element that selects one or more options from a set. * Hidden Field An element that is not visible to the user but can still hold data that will be sent to the server when a form is submitted. ## Installation Install it like any other plugin and activate it. Other versions are also available on the [GitHub](https://github.com/getmindspun/wordpress-responsive-blocks) page. ## FAQ ### Can I use Mindspun Responsive Blocks with any WordPress theme? Yes, Mindspun Responsive Blocks is designed to be compatible with all WordPress themes. It integrates seamlessly into the block editor interface, offering users flexibility in designing responsive layouts regardless of their chosen theme. ### How does Mindspun differ from the default block editor in WordPress? Unlike the standard block editor, Mindspun Responsive Blocks specifically focuses on providing enhanced capabilities for creating responsive designs. It addresses the limitations of the default editor, allowing users to customize layouts for different devices more efficiently. ### How can I make my existing content responsive using Mindspun? Mindspun allows users to convert existing content into responsive designs by utilizing its various blocks. Simply edit the content using the Mindspun Responsive Blocks, adjusting styling preferences for desktop, tablet, and mobile views. ### Does Mindspun Responsive Blocks have any performance impact on my website? Mindspun is designed to be lightweight and optimized for performance. It follows best practices to ensure minimal impact on your website’s speed and loading times. ### Is there support available if I encounter any issues or have questions? Mindspun provides customer support to address any issues or queries. Users can access FAQs, and contact support@mindspun.com for assistance with the plugin. ## Reviews ![](https://secure.gravatar.com/avatar/02cf8a7906b8cf90cecb4679defac7cfd33a1c2e3b88e4903d947f3bb58eedd3? s=60&d=retro&r=g) ### 󠀁[Best, lightweight responsive blocks](https://wordpress.org/support/topic/best-lightweight-responsive-blocks/)󠁿 [zotter](https://profiles.wordpress.org/zotter/) 26 Օգոստոսի, 2025 After years, I finally switched to the Gutenberg editor, and this plugin turned out to be the best for responsive design. It’s fast, easy to use, and completely ad-free 🙂 Now it’s a must-have in all my projects.Thank you! ![](https://secure.gravatar.com/avatar/02972a6914b49284f04dfcf5fe4f9f47815f19811417b92fee7b0ab6cec69e67? s=60&d=retro&r=g) ### 󠀁[It’s working amazingly well with responsive.](https://wordpress.org/support/topic/its-working-amazingly-well-with-responsive/)󠁿 [uiocean](https://profiles.wordpress.org/uiocean/) 5 Մայիսի, 2024 You can create any design using «Mindspun Responsive Blocks.» There are numerous options available, and you can easily manage all the designs for mobile and iPad views as well. ![](https://secure.gravatar.com/avatar/e64c1735c5a5f919e9bd299aa3ad5518a14471a97f761efe208d707c0f285ce6? s=60&d=retro&r=g) ### 󠀁[A good upgrade over default blocks](https://wordpress.org/support/topic/a-good-upgrade-over-default-blocks/)󠁿 [AhsanParwez](https://profiles.wordpress.org/ahsanparwez/) 6 Ապրիլի, 2024 I recently remade my personal site and decided to make it completely using Gutenberg rather than any premium theme or page builder. The default Gutenberg blocks are a little lacking in terms of design options that are available, and it takes time to quickly customize them. The Responsive Blocks added by this plugin are better and more helpful; the buttons and headings are quicker to style and use. [ Read all 3 reviews ](https://wordpress.org/support/plugin/mindspun-responsive-blocks/reviews/) ## Contributors & Developers “Mindspun Responsive Blocks” is open source software. The following people have contributed to this plugin. Contributors * [ mindspun ](https://profiles.wordpress.org/mindspun/) * [ mattlaue ](https://profiles.wordpress.org/mattlaue/) [Translate “Mindspun Responsive Blocks” into your language.](https://translate.wordpress.org/projects/wp-plugins/mindspun-responsive-blocks) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/mindspun-responsive-blocks/), check out the [SVN repository](https://plugins.svn.wordpress.org/mindspun-responsive-blocks/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/mindspun-responsive-blocks/) by [RSS](https://plugins.trac.wordpress.org/log/mindspun-responsive-blocks/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 0.18.1 * Check for reusable blocks when generating a blockId. * Make generate styles run in a later hook (wp-footer). #### 0.18.0 Release Date: Nov 11th, 2024 * Fix the media control css which changed in 6.6. * Implement a simpler mechanism for rendering styles that works for with template- parts. * Forms and form element blocks. * Add a basic settings page and a forms REST API endpoint. * Add the TableEditor component. #### 0.17.1 * Update build for most recent webpack. #### 0.17.0 Release Date: Jun 26th, 2024 * Add a whitespace control to the container block.* Add rowspan/colspan to td/th via a general tagAttrs container attribute. * Support synced patterns. * Improve state tracking for style portals to avoid flicker in the block editor. * dependabot changes. #### 0.16.0 Release Date: Jun 3rd, 2024 * Add a view all/clear all advanced component and add it to all parent blocks. * Add alt text controls to the Image block. * Update the storybook store for setDeviceType/getDeviceType. #### 0.15.2 * Only set the id for a block when the blockId attribute is defined in useBlockPropsWithId. save() #### 0.15.1 * Fix the rel attribute on the buttons block that was causing validation errors. * Fix deprecation warning about getDeviceType/setDeviceType * Add th svn-tag Makefile target. * Reorder this changelog. #### 0.15.0 Release Date: May 20th, 2024 * Add the Show/Hide block with custom control events.* Add table and other tags to the container plus associated controls. * Allow auto values for margins. * Add table, table-row and table-cell to container display. * Add verticalAlign to the container controls and conditionally display it and flex controls. * Add text-decoration:none to primary and outline button variants. * Allow custom events in for buttons. * Enable responsive controls for button width. * Security updates for package dependencies. * Update tested to WordPress 6.5. * Various build improvements. #### 0.14.0 Release Date: Mar 2nd, 2024 * Build improvements. * Fix the spacing values in the container display controls. * Update the pages action to use 18.x node. * Add the create-block package. * Fix a moderate npm security alert from dependabot. * Add a GitHub action to deploy storybook to pages. * Build updates for the plugin repo. #### 0.13.0 * Switch prefix and library name from wpx_ to mrblx_ based on wordpress.org guidelines. * Use wp_add_inline_style instead of manually generating styles. * Build updates. #### 0.12.1 * Fix the tabs active selector. #### 0.12.0 Release Date: February 5th, 2024 * Add accentColor to the build CSS. * Improve the tab default styling and add the ability to style the hover state. * Add the className support to all top-level blocks. * Add the anchor support to the link block. * Create the BlockId component and add it to the top level blocks. #### 0.11.1 * Fix missing labels in the container overflow control. #### 0.11.0 Release Date: February 1st, 2024 * Add value hint for BoxShadow controls. * Bump follow-redirects from 1.15.3 to 1.15.5 in /packages/wpx (dependabot) * Add eslint* Remove unused utility functions from wpx. * Add vw/vh units to the WidthHeightControl.* Create a position control and use it in the container block. * Fix a typo in PHP handling of whiteSpace. * Use a data attribute to identify styles instead of id. #### 0.10.0 Release Date: January 28th, 2024 * Add a variant selector and gap controls to grid.* Add the padding control to the buttons block. * Make the font size control configurable and add XS as a default option. * Set a minimum img size via CSS. * Remove debugging output from CSSEditor. #### 0.9.0 Release Date: January 26th, 2024 * Allow the selector to be specified via a magic property inside the attribute for inner blocks. #### 0.8.0 Release Date: January 25th, 2024 * Fix button default variant attribute and default the margin to 0. * Fix border control clear option when responsive. * Allow changing the html tag for containers — uses either div or section. * All links in paragraph text. * Better default styles for container and buttons. * Add the padding control to the grid columns block. #### 0.7.2 * FIX: bundle readme files #### 0.7.1 * wordpress.org assets #### 0.7.0 Release Date: January 22nd, 2024 * Initial submission to wordpress.org. ## Meta * Version **0.18.1** * Last updated **2 տարի ago** * Active installations **40+** * WordPress version ** 6.2 or higher ** * Tested up to **6.6.5** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/mindspun-responsive-blocks/) * Tags * [blocks](https://hy.wordpress.org/plugins/tags/blocks/)[gutenberg](https://hy.wordpress.org/plugins/tags/gutenberg/) [responsive](https://hy.wordpress.org/plugins/tags/responsive/) * [Advanced View](https://hy.wordpress.org/plugins/mindspun-responsive-blocks/advanced/) ## Ratings 5 out of 5 stars. * [ 3 5-star reviews ](https://wordpress.org/support/plugin/mindspun-responsive-blocks/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/mindspun-responsive-blocks/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/mindspun-responsive-blocks/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/mindspun-responsive-blocks/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/mindspun-responsive-blocks/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/mindspun-responsive-blocks/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/mindspun-responsive-blocks/reviews/) ## Contributors * [ mindspun ](https://profiles.wordpress.org/mindspun/) * [ mattlaue ](https://profiles.wordpress.org/mattlaue/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/mindspun-responsive-blocks/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.mindspun.com/about)