Responsive Gutenberg Blocks Library

Description

Build professional and elegant websites using the Gutenberg editor. With the enhanced blocks and widgets in the Responsive Gutenberg Blocks Library, you can design high-converting landing pages.

The library gives you the capability to create layouts and pages without writing a single line of code. The blocks library has 30+ unique blocks having customizable features for each one.

Take a look at the demo blocks to understand their features.

This makes the process of designing websites and writing content simpler and flexible. The Responsive Blocks plugin is lightweight and it exceeds the limitations of the inbuilt Gutenberg page builder to make the process of building websites enjoyable even for non-coders.

FEATURES OF THE RESPONSIVE GUTENBERG BLOCKS LIBRARY

  • Plain & Simple UI : The user interface of each individual block has been kept simple
  • Responsive Layout : These blocks are AMP optimized considering AMP is one of the most important ranking factors for search engines.
  • No Coding Knowledge Required : Create fantastic landing pages without a line of code. These blocks are designed for non-coders and coders alike.
  • Easy Customization : The blocks are extremely easy to customize as per your requirements. You can create complex layouts in a matter of minutes.
  • TOP 3 REASONS TO USE THE RESPONSIVE GUTENBERG BLOCKS LIBRARY

  • Faster Performance : Get your website to load faster using these additional Gutenberg blocks, which help keep your Core Web Vitals clean.
  • Save Time : As there’s no coding necessary to use the blocks library, you can design websites five times faster.
  • Get Creative : Create and design content on your articles that compels readers to keep revisiting your blog.
  • READY-SITE TEMPLATES USING RESPONSIVE GUTENBERG BLOCKS LIBRARY

    Ready-site templates help you launch your website in a few clicks. These Gutenberg templates have been designed considering the ideal layout for every niche.

    Get beautifully designed ready-site Gutenberg templates that are built using the Responsive Gutenberg Blocks Library, and the Responsive theme by CyberChimps.

    You can easily import these templates, change the content, modify the layouts and launch your professional website literally within a few clicks.

    Have a look at our Templates Importer Plugin

    RESPONSIVE GUTENBERG BLOCKS LIBRARY INCLUDES

    1. Advanced Columns : Build beautiful column layouts and use the block options to define the number of columns. It comes with shape dividers, custom widths, background designs, colors, and spacing options. You can also embed other blocks like testimonials inside the columns.
    2. Post Carousel : You can embed your popular posts or any category of posts in modern-looking carousels. You’ll manage post display settings and content formats to display.
    3. Post Grid : This block fetches the blog posts on your website and displays them in a grid layout. You can also customize the order of your posts, and manage settings like the featured image, content, and change the hover color of the ‘read more’ text on the post.
    4. Testimonial : Use the Testimonial block to display some amazing client reviews in a carousel layout.
    5. Shape-Divider : The Shape-Divider Block allows you to create a visually beautiful transition between your content with an optional divider. You can easily create customizable section dividers with the Shape Divider block.
    6. Post-Timeline : This 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. There’s even an option to select an icon for the connector.
    7. 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.
    8. Flip-Box : Use transformation effects to catch the eye of your website visitors. 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.
    9. Multi Buttons : Easy to use to button groups with impressive button designs. Easily add multiple buttons within a block. Useful to highlight your main features or services with buttons to guide your user to the next level of pages.
    10. Advanced Heading : Get complete control of 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.
    11. Pricing table : Create impressive pricing tables to provide a comparison of features. You can also create a professional price list easily.
    12. Call-to-Action : Make your marketing pages effective by using the stunning designs of the Call-To-Action button block for the Gutenberg block editor. Add visually effective CTAs to grab visitors’ attention and get more clicks.
    13. Info-Block : Design creative and informative boxes with images, headings, and subheadings. Display information about features on your website in elegant infoboxes. It saves time for your visitors to quickly understand the gist of your site services or products.
    14. Count up : Show animated statistics in a Count Up block. It’s ideal for showcasing the count of clients or portfolios or reviews in an animated way. The counter will count up to your designated number when the page is visited.
    15. Team : Build a perfect team showcase with this block. Control and customize their profile picture, name, brief description and also add links to their social profiles. A professionally designed block to showcase your team to potential customers or investors.
    16. 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.
    17. Accordion : Display information in collapsible rows. This block can be used to display content such as FAQs or to show descriptive content if your site visitor wishes to see it.
    18. Section Block : Use the section block to create a page with different content areas, which helps you to manage layouts, backgrounds, spacing, and more.
    19. Image Boxes : Build a beautiful gallery of images with the Gutenberg Image Boxes block to highlight your portfolio, photos, and more.
    20. Image Slider : Show a range of images using the Gutenberg Image Slider block.
    21. Card : Display details, images, and more with the Gutenberg Card block in a lightweight, easy-to-understand layout.
    22. Gallery Masonry : Show a collage of images with the Gutenberg Masonry Block and highlight your portfolio, product images, and more.
    23. Content Timeline : Use the Gutenberg Content Timeline Block to create visual flowcharts, vertical timelines, and event layouts.
    24. Divider : Using the Gutenberg Divider Block, add a divider between your blocks to make them more distinguishable.
    25. Expand More Block : Show your visitors small snippets of text before showing the entire information with the Gutenberg Expand More block.
    26. Pricing List : With the Gutenberg Pricing List block, design a beautiful and comprehensive pricing list of your goods, services, and memberships.
    27. Video Popup : Show a thumbnail that allows your users to view a video in a pop-up window using the Video Popup block.
    28. Count Down : Using this block on your site, you can show visitors a countdown timer for an offer, product release, or any other event. As this block is totally customizable, you can change the font, size, and background as per your requirements.

    RESPONSIVE PRO IS FULLY COMPATIBLE WITH GUTENBERG

    Responsive Pro is a plugin for the premium version of the Responsive theme that adds more features to the theme. It is fully compatible with WooCommerce and the Gutenberg page builder.

    The Responsive theme is trusted by developers, bloggers, and web designers all over the world.

    Some unique features of Responsive:

    • Responsive is designed to work with the Gutenberg editor
    • Completely AMP optimized to be displayed on any device
    • Compatible with WooCommerce to customize any store pages

    With Responsive Pro you also get fantastic Widgets & Addons for the Elementor page builder.

    Captures d’écran

    • Advanced Columns
    • Info Box
    • Icon List Block
    • Testimonial Block
    • Shape Divider Block
    • Post-TimeLine Block

    Installation

    This section describes how to install the plugin and get it working.

    1. In the WordPress dashboard of your website, click on Plugins
    2. Click “Add New”
    3. Upload the Zip file of the plugin
    4. Activate the plugin

    FAQ

    You can reach out to our dedicated support team if you have queries. We’d be happy to sort out all questions related to the plugin.

    1. Is the Responsive Gutenberg Blocks Library plugin usable on any website?

    These addons are designed to work on any niche website and are highly customizable to create beautiful landing pages and posts in Gutenberg.

    2. Which theme is compatible with this Responsive Gutenberg Blocks Library?

    This plugin works with any WordPress theme but it is advisable to use it with the Responsive theme by CyberChimps.

    3. Will this plugin reduce the speed of my website?

    Definitely not! These add-ons have been designed keeping in mind the necessity of responsive web design practices. So users don’t have to worry about the page load time getting affected. These addons will work on mobiles and desktops without reducing the page speed.

    4. Can I use custom fonts and my own icons?

    Yes. You can use custom fonts and add your own icons while designing your pages.

    5. Can I use the Responsive Gutenberg Blocks Library plugin by keeping the other page builder plugins activated?

    Yes, You can keep this plugin activated along with any other page builder like Elementor.

    Avis

    Lire l’avis

    Contributeurs & développeurs

    « Responsive Gutenberg Blocks Library » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

    Contributeurs

    Journal

    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
    • Feature – Testimonial Slider – Added responsive alignment options
    • Feature – Call To Action – Added typography and responsive spacing options
    • Feature – Count Up – Added responsive Font Size options for number and description
    • Feature – Blockquote – Added responsive spacing options
    • Fix – Shape Divider – Shape and background height not working for tablet and mobile
    • Fix – Pricing List – Structure was breaking in tablet view when large images are taken
    • Fix – Image Slider – Full width is not working
    • Fix – Image Box – Default border removed, height not working properly.
    • Fix – Section – Inner width not working on tablet and mobile
    • Fix – Post Carousel – Spacing issues
    • Fix- Post Timeline – Horizontal Spacing not working

    1.3.0 – 3rd June 2021

    • New – Count Down Block
    • Feature – Post grid – Option to change hover color for Read more
    • Feature – Info Block – Responsive options for Image/icon vertical alignment
    • Feature – Post Timeline – Option to select Icon for Connector
    • Feature – Advanced Heading – Option to choose separator width type
    • Feature – Advanced Heading – Option to choose separator position
    • Feature – Post Grid – Responsive options for Column Gap
    • Feature – Post Carousel – Default values for Image position and font weights are updated
    • Feature – Section Block – Removed content width option, width & inner width options now toggle with block alignment full width
    • Fix- Imported site displays styles on webpage instead of design for all blocks
    • Fix – Section Block – Width of inner section not working with full width outer section
    • Fix – Call to action block – Icon spacing option is not working correctly
    • Fix – Gallery Masonry – Settings of caption and url are not working simultaneously
    • Fix – Advanced Column – Updating Columns not updating in Editor
    • Fix – Testimonial slider – Not visible inside section or cover block
    • Fix – MultiButton – Inherit from theme doesn’t work correctly for colors
    • Fix – Fatal error with older php versions
    • Fix – Post Grid – Row gap is not working when list view is selected
    • Fix – Post grid & Post timeline – Issues in query results

    1.2.6 – 2nd April 2021

    • Fix – Post and Page grid – top border radius is not working
    • Fix – Team Block – need toggle to enable and disable all fields
    • Fix – multi button – icon hover color works on icon area only and not on whole button
    • Fix – Info block – separator style « double » is not working properly
    • Fix – Minor bug fixes in several Gutenberg blocks

    1.2.5 – 25th March 2021

    • New – Testimonial Slider Block
    • New – Spacer Block
    • Feature – Responsive padding option for Advanced column
    • Feature – Team block – Option to set box shadow
    • Feature – Info Block – Image Opacity
    • Feature – Icon List Block – line height for Label
    • Fix – Minor bugs in Post and Page grid Block

    1.2.4 – 10th March 2021

    • Fix: Minor bug fixes in several Gutenberg blocks

    1.2.3 – 10th February 2021

    • Fix: Minor bug fixes in several Gutenberg blocks

    1.2.2 – 15th January 2021

    • Fix: Minor bug fixes in several Gutenberg blocks

    1.2.1 – 30th December 2020

    • Feature – Advanced Column: separate padding and margin options for mobile, tablet, and desktop
    • Icon List: Typography option to set font-size
    • Buttons: Separate margin options for mobile, tablet and desktop
    • Fix: Minor bug fixes in several Gutenberg blocks

    1.2.0 – 17th November 2020

    • Fix – Mobile Responsiveness issue

    1.1.0 – 19th October 2020

    • Gutenberg Blocks – Advanced Columns, Google Map, Post Carousel, Post Grid, Pricing List, Pricing Table, Shape Divider, Testimonial, Video Popup

    1.0.2 – 28th July 2020

    • Gutenberg Blocks – Card Block, Call to Action, Advanced Heading Block, Accordion Block, Team Members Block, Expand / Show More Block , Blockquote Block, Image Slider, Content Timeline

    1.0.1 – 20th July 2020

    • Gutenberg Blocks – Icon List, Post Timeline, Flipbox, Divider, Count Up Block, Gallery Masonry, Button Groups, Info Box, Section, Image Box

    1.0.0 – 24th June 2020

    • Initial Plugin Release – Gutenberg Blocks – Advance Columns, Post Carousel, Post Grid, Testimonial