Responsive Blocks – WordPress Gutenberg Blocks

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.

Checkout the Gutenberg blocks demos

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!

Check Ready Websites and Starter Templates

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.

More Gutenberg blocks coming soon!

Support & Documentation

• Have any questions? Visit support on Responsive Blocks Plugin Forum.
• Learn more about using Responsive Blocks plugin with our detailed documentation.
• Get easy access to Video Tutorials

What’s Next?

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 Cookie Notice & Consent Banner for GDPR, CCPA & ePrivacy: WP Cookie Notice for GDPR, CCPA & ePrivacy Cons.

• WP AdCenter: Easily Manage Ads on WordPress – Banner, Amazon, Google Adsense Ads.

blocks editor gutenberg gutenberg blocks page builder block block-editor