50+ blocks to create rich sections in the Gutenberg editor. Use professional starter block patterns & templates to create websites within minutes.
Responsive Blocks – WordPress Gutenberg Blocks
Responsive Blocks offers a library of fully functional blocks that extend the customizability of your WordPress block editor. Within minutes create professional content layouts for your website with free starter templates. Use the pattern import feature to include the pages and section layouts you like in your existing website.
With more than 50+ creative blocks, you can design beautiful pages without writing a single line of code, and the settings are easy to customize to create your unique look.
Features of Responsive Blocks – WordPress Gutenberg Blocks Plugin
Simple User Interface: The user interface of each block is easy to use.
No Coding Knowledge Required: Create fantastic landing pages without a line of code. These blocks are designed for non-coders and coders alike.
Pattern Importer: You can import beautifully designed Gutenberg sections and pages to your site using this feature.
Responsive Layout: These blocks are AMP optimized, considering AMP is one of the most important ranking factors for search engines.
Easy Customization: The blocks are extremely easy to customize as per your requirements. You can create complex layouts in a very short time.
Professional Designer-made Gutenberg Websites
Import professionally designed websites in minutes built with Responsive Blocks, and the free Responsive theme. With no compromises on performance, and zero limits on what you can design, cut down your website designing time by 90%.
Responsive Theme offers a wide library of fully-functional professionally built Responsive Starter Templates that you can import and launch your website in just a few clicks!
Compatible with Responsive and other Gutenberg Themes
Responsive theme is a fast, lightweight, and fully Gutenberg-compatible theme that loads under 100 KB. It’s free to use and actively installed on more than 30,000 websites, with all the settings you need to build beautiful websites.
Reasons to choose the Responsive WordPress Theme
Blazing Fast Speed: Responsive requires less than 100 KB to load completely with minified assets, and optimized database queries.
Fully Customizable Theme: Responsive theme offers you all the necessary customization settings to customize your layouts, typographies, and colors.
Translation Ready: Responsive comes with built-in multilingual support, and you would not require any third-party plugin for translating. Currently, the theme is translated into 45 other languages.
Integration with Popular Plugins: Responsive theme is 100% compatible with popular plugins like Mailchimp, Yoast, WooCommerce, WP Legal Pages Pro, and more!
Responsive Gutenberg Blocks Editor Addons Library Check out our customizable, feature rich WordPress blocks that’ll help you design pages or posts without a single line of code.
Responsive Blocks
Advanced Columns : You can build beautiful column layouts with the Advanced Columns block. You can use the block options to define the number of columns or create beautiful column layouts for the row and columns. It comes with shape dividers, custom widths, background designs, colours and spacing options. You can also embed other blocks like testimonials inside the columns.
Advanced Heading : Get complete control on your headings. Style your typography (Fonts, sizes, spacing, line heights). Highlight your page headings with this block. You can change the width and the position of the separator in the heading.
Advanced Text: Display your business message in an eye-catching manner with this Advanced Text block.
Section Block: Section block acts as an outer wrapper and allows adding any Gutenberg block within it. Use the section block to create a page with different content areas, which helps you to manage layouts, backgrounds, spacing, and more.
Info-Block : Design creative and informative boxes with image, heading and subheading. You can now display information about features on your website in elegant info boxes. This is perfect for letting your visitors understand the features of your products and services.
Image Boxes : Build a beautiful gallery of images with the Gutenberg Image Boxes block to highlight your portfolio, photos, and more.
Table of Contents: This block allows access to large contents of the post/page through the heading of the contents. This makes it easier for visitors to directly go to the specific section on the page or the post.
Icon-List : Create impressive lists on your website. Design your own styled lists. Pick your favorite icons or images to highlight items. Use this to create checklists, feature lists, or any other items on your pages.
Shape-Divider: The Shape-Divider Block allows you to create a visually beautiful transition between your content with an optional divider. Add shapes like Wavy, Hills, Angled, Sloped, etc., with one click.
Contact form 7 styler: This block helps you customize the Contact form 7 plugin’s form styling like colors, backgrounds, and typography.
Image Block: With the Responsive blocks image block, you can add nice-looking images to your website with additional design settings.
Animation Blocks
Flip Box: The Flip Box block allows you to create stunning animated content that flips on hover. Use icons and images with additional content on the front and back sides of flip boxes.
Image Slider: Create a fully responsive and smooth image slideshow of your products, services, or clients.
Image Hotspot: Highlight specific parts of the image with animated pointers to make images more interactive.
Accordion Block: This block allows you to answer the user’s common queries easily and attractively. This block can be used to display content such as FAQs or to show descriptive content.
Post Carousel: You can embed your popular posts or any category of posts in modern-looking carousels. It provides an option to select available post types – posts, pages, media, or any CPT you have.
Testimonial: Testimonials are customer reviews that can be displayed on the site to add credibility. Testimonial block allows you to display a single testimonial block on your site.
Multi Buttons: Easily add multiple buttons within a block. It can add attractive call-to-action buttons within a block with the Gutenberg Multi Buttons block. Using this multi buttons block, you can add many buttons to your content.
Call/Mail Button: This block allows you to add a button that will automatically make a call or send an email.
Inline Notice Block: It allows you to highlight important information on your page.
WP Search: This block allows you to add the WordPress search field on your page. This will help your users to search for the required information easily.
Team: Team Block allows displaying team members with a descriptive block. You can display a team with their name, pictures, designation, social links, etc.
Anchor Block: Anchor block allows you to create internal links to quickly jump from one part/block of your page to another.
Section Blocks
Spacer: This block allows you to add white space between blocks and customize its height.
Divider: Using the Gutenberg Divider Block, add a divider between your blocks to make them more distinguishable
Tabs: Tabs block allows you to display key information in an interactive manner that supports custom-made nested tabs designed to attract your users.
Blockquote: Easily embed and customize quotes in your posts. You can change quote styles, and various other customization options are provided to make your favorite quotes stand out on your blog post.
Call-to-Action : Make your marketing pages effective by using the stunning designs of the Call-To-Action button block for Gutenberg.This block allows you to add an eye-catching, full-width section with a big title, paragraph text, and a customizable button.
Card: Display details, images, and more with the Gutenberg Card block in a lightweight, easy-to-understand layout. This block allows you to add cards to describe your product or service.
Expand/Show More : Show your visitors small snippets of text before showing the entire information with the Gutenberg Expand More block.
Video Popup: Show a thumbnail that allows your users to view a video in a pop-up window using the Video Popup block.Embed a YouTube, Vimeo or a self-hosted video and display a thumbnail which will give your users the ability to view the video in a pop-up window.
Google Map: You can now integrate Google Maps into your Gutenberg editor or anywhere on the website. Customize the block and share your business location on your website.
Taxonomy List: The Taxonomy List block allows you to display content categorization anywhere on your page to help your readers to navigate to related content.
Progress Bar: Showcase progress of any activity by means of animated indicators with the Progress Bar block.
Post And Page Grid: This block provides options to showcase custom post types anywhere on the page. It provides category controls to choose categories or tags.
Feature Grid: Showcase several features in an impressive layout with this Feature Grid block.
WooCommerce Blocks
Pricing List: With the Gutenberg Pricing List block, design a beautiful and comprehensive pricing list of your goods, services, and memberships. You can add names, images, descriptions, and prices for particular menu items.
Pricing table: Create impressive pricing tables to provide a comparison of features and your various membership options. It allows adding item names, images, descriptions, and prices.
Social Blocks
Instagram Feed: This block allows you to stream Instagram content directly to your WordPress website, thus increasing your odds of getting new followers and clients.
Social Icons: Social icons block allows you to add modern social media icons for all popular networks and link them to your brand or personal accounts.
Timeline Blocks
Count up: Show animated statistics in a Count Up block. You can display facts and figures attractively with animated counters. The counter will count up to your designated number when the page is visited.
Count down: Countdown block allows you to add countdowns to your page with customizable styles in an attractive way.
Content Timeline: Use the Gutenberg Content Timeline Block to create visual flowcharts, vertical timelines, and event layouts.
Post-Timeline: The Post Timeline block helps you design beautiful and responsive timelines that will display your posts or events in an ordered list according to the dates they are published on. You can also customize the content for each blog post with a new option to select an icon for the connector.
If you like Responsive Blocks, consider checking out our other WordPress Plugins:
Responsive Starter Templates: Offers you a library of premium Elementor and block templates to launch your website quickly. Just select your favorite website template, click import and launch your website.
WPLegalPages: It’s a popular plugin that helps you generate a professional Privacy Policy, terms of use, terms & conditions, eCommerce returns & refunds policy, affiliate disclaimers & more.
WP AdCenter: Easily Manage Ads on WordPress – Banner, Amazon, Google Adsense Ads.
Installation
This section describes how to install the plugin and get it working.
WordPress Admin Dashboard Installation
To install the Responsive Blocks – WordPress Gutenberg Blocks plugin manually from the WordPress admin dashboard:
Download the latest Responsive Blocks – WordPress Gutenberg Blocks plugin from the WordPress Repository
Login to your WordPress Dashboard
Go to Plugins > Add New
Search for Responsive Blocks – WordPress Gutenberg Blocks
Install the Responsive Blocks – WordPress Gutenberg Blocks plugin
Activate it
FTP Installation
To install the Responsive Blocks – WordPress Gutenberg Blocks plugin via FTP
Download the latest Responsive Blocks – WordPress Gutenberg Blocks plugin zip from the WordPress repository
Unzip the plugin zip file
Open your WordPress site via FTP. We would recommend you to use FileZilla
From FTP, visit the root of the WordPress install
Now visit wp-content folder > plugins
Upload the plugin unzipped file as shown in step 2
This is how you can easily install the Responsive Gutenberg Blocks plugin on your WordPress site.
Screenshots
Feature Grid
Advanced Heading
Info Box
Image Slider
Post Carousel
Progress Bar
Shape Divider
FAQ
1. What are Blocks?
Blocks are the basic elements that you can add into your content while building your pages. These blocks are customizable and make your website more attractive.
2. Do I need to know how to code to use Responsive Gutenberg Blocks?
No, you’re not required to learn any coding to use these blocks. They are easy to use and fully customizable.
3. Are Responsive Gutenberg Blocks Free?
Yes, Responsive Gutenberg Blocks are completely free to use.
4. Do you have a live website demo?
Yes, we have live demos of the blocks. Check out block demos here. The Responsive Blocks – WordPress Gutenberg Blocks gives you free access to over 50 blocks which you can add to your WordPress website and create any kind of pages you want.
5. What themes can I use with Responsive Gutenberg Blocks ?
You can use any theme that you want with this plugin.
Changelog
1.8.7 – 17th July 2024
Fix – Enhanced Security
Added backward compatibility for section block
1.8.6 – 10th July 2024
New – Introduced new padding and margin control in all remaining blocks.
1.8.5 – 9th July 2024
New – Introduced new padding and margin control in few blocks.
1.8.4 – 16th May 2024
Fix – Enhanced Security: Strengthened the codebase to further protect your website.
1.8.3 – 16th April 2024
Fix – Vertical alignment issue for Image Boxes block.
1.8.2 – 20th March 2024
New – Introduced Z-Index in advance Settings.
New – Introduced Responsive Condition in advance Settings.
New – Renamed Social Share block to Social Icons block.
Improvements – Introduced Alignment option in Icon List block.
Improvements – Added options for padding, border, change icon for Table Of Content block.
Improvements – Introduced Border option in Accordion block.
Improvements – Introduced Spacing option in Advanced Heading block.
1.8.1 – 14th February 2024
Added – Minor API Changes.
1.8.0 – 12th February 2024
Added – Introduced a new dedicated menu for the Responsive Theme in the admin dashboard. Now you can find the plugin settings in a submenu under the Responsive menu.
Improvement – Progress Bar – Size of circular progress bar can be reduced to 50px.
Improvement – All Blocks – Line height value accepts decimal number upto four floating points.
Fix – Testimonial Slider – Background image issue when applied to slider.
Fix – Flipbox – Not displayed properly when used in gutenberg columns. In order to use flipbox in columns, use RBEA advanced columns.
Fix – Progress Bar – Reset values added for width of circular and semi-circular progress bar.
Fix – Testimonial Slider – Same images are shown when multiple sliders are used.
1.6.1 – 17th May 2022
Improvement – Inline Notice – Changed label of Margin Padding panel under Advanced section to Block Margin Panel
Improvement – Google Maps – Added a specific default location instead of random location.
Fix – Portfolio Block – UI issue when used inside Section block and link target issue of the section
Fix – Section Block – Bottom padding control value not working properly
Fix – Content Timeline – Date not being displayed on mobile devices and Date Format not working for any device
Fix – Post Timeline – Date not being displayed on mobile devices
Fix – Post Carousel – Styles conflicting with 2021 theme for navigation dots and arrows
Fix – Team Block – Social Icon height getting improper value
Fix – Testimonial Slider – Navigation arrows and dots were not visible in the frontend if used in Section Block
Fix – Instagram Block – Not working properly
Fix – Responsive Post and Page Grid – Not working for Content Type as Courses and Lessons.
1.6.0 – 9th March 2022
New – Portfolio Block
Fix – Info Block – Typography is not working
Fix – Team Block – Extra space is added below social icons
Fix – Section Block – margin and padding is not working when set to 0
1.5.4 – 27th January 2022
New – Compatibility with WordPress 5.9
1.5.3 – 30th December 2021
Fix – Multi Button – Mobile font size not working
Fix – Post Timeline – Button text is not center aligned in mobile view
Fix – Google Map – Height not working when set less than 150px
Fix – Info Block – Icon vertical alignment is broken if given background to it
1.5.2 – 29th November 2021
New – Revamped getting started page
Feature – Post and Page Grid Block – Added spacing option for image
Feature – Google Map Block – Added responsive options for height
Fix – Image Box Block – Block width should not depend on content length in mobile view
Fix – Post & Page Grid Block – Pagination spacing not working
1.5.1 – 11th November 2021
Fix – Advanced Text Block – Layout feature not working properly for single column
1.5.0 – 8th November 2021
New – Advanced Text Block
New – Feature Grid Block
Feature – Post and Page Grid Block – List View – Added options for image
Feature – Advanced Column Block – Added option to change background image on hover
Feature – Info Block – Added icon hover animation
Feature – Added example/demo images for some blocks
Fix – Call to Action Block – Issues with a button border
1.4.0 – 14th October 2021
New – Instagram Block
New – Image Hotspot Block
Feature – Pattern Importer – Added 3 new sections and 2 new pages
Feature – Team Block – Added social icon styles
Feature – Testimonial Slider Block – Added none option for arrow and dots
Feature – Call/Mail Button Block – Added option to align the block
Fix – Card Block – Issue with background type image
Fix – Accordion Block – Collapse other items not working
Fix – Google Map – Default extra space at bottom
Fix – Testimonial Slider Block – Arrow size is not working in the editor
1.3.4 – 29th September 2021
New – Anchor Block
New – Call/Mail Link Button Block
New – Inline Notice Block
New – Progress Bar Block
New – Social Share Block
New – Tabs Block
New – Taxonomy List Block
New – WP Search Block
Feature – Added responsive spacing options to multiple blocks
Feature – Revamped settings structure for all the blocks
Feature – Flipbox – Added typography options
Feature – Multibuttons – Changed default background color for a button
Fix – Image Boxes – Title & description spacing
Fix – Icon List – Icon is not centered to its background in Table and Mobile view
Fix – Table of Contents – Anchor doesn’t work when headings are inside section/cover block
1.3.3 – 2nd September 2021
New – Feature to import pre-designed Gutenberg sections and pages for the Responsive Blocks – WordPress Gutenberg Blocks.
1.3.2 – 17th August 2021
Feature – Table Of Contents – Added smooth scrolling and scroll offset options for frontend.
Fix – Table Of Contents – Added unique Anchor links for duplicated headings
Fix – Count Down – Container was not full width when stacked on mobile.
1.3.1 – 27th July 2021
New – Table of Contents Block
Feature – Info Block – More customizable options for icon background, Responsive options for image/icon margin, Typography options for Call to Action, option to add link for whole block.
Feature – Image Box – Added option for gutter, Toggle Button for content, border options.
Feature – Team Block – Added options for social icon size, stack on tablet/mobile.
Feature – Flipbox – Added options for gutter, stack, background image. Clicking on back side of the block flips it back in mobile view
Feature – Post Timeline – Added excerpt bottom spacing option
Feature – Post Carousel – Added responsive options for column. Removed carousel arrows in mobile view
Feature – Advanced Heading – Added underline decoration option for heading and subheading