=== Responsive Gutenberg Blocks Library === Contributors: Cyberchimps Donate Link: https://cyberchimps.com Tags: gutenberg, blocks, gutenberg blocks, page builder, editor, block, gutenberg library, block editor, gutenberg editor, templates, section, google maps, visual editor, design, google fonts, patterns, reusable, drag-and-drop, landing page, website builder, dual buttons, svg icons, editor width, patterns, post grid block, google map, columns block, advanced columns, row, layout, lottie, progress bar, product review, image hotspot, testimonial, slider Requires at least: 5.0 Tested up to: 5.8.2 Requires PHP: 5.6 Stable tag: 1.6.0 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html 40+ creative blocks to create rich content layouts in the Gutenberg editor. Use professional starter block patterns & templates to create websites within minutes. == Description == Responsive Blocks Library for Gutenberg Unleash your creativity with the Responsive Gutenberg Blocks Library plugin. Within minutes create professional content layouts for your website with free starter templates. Use the pattern importer to include the pages and sections layouts you like in your existing website. [youtube https://www.youtube.com/watch?v=Gs-h74Qnrlw] Checkout the Gutenberg blocks demos to see it live in action Quickly choose your favorite templates to launch your websites in no time. You can also pick any advanced blocks with completely customizable settings to make your creative templates. With more than **40+ creative blocks for Gutenberg**, 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 the Responsive Gutenberg Blocks Library== **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**: Using this feature, you can import beautifully designed Gutenberg sections and pages to your site. **Plain & Simple UI**: The user interface of each 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. **Easy Customization**: The blocks are extremely easy to customize as per your requirements. You can create complex layouts in a very short time. **Responsive Gutenberg Blocks Editor Addons Library** Have a look at our customizable and feature rich blocks from the Responsive Gutenberg Blocks Editor Addons Library: **Responsive Blocks** - [Advanced Columns](https://cyberchimps.com/blocks/advanced-columns/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks) : 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](https://cyberchimps.com/blocks/advanced-heading/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks) : 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](https://cyberchimps.com/blocks/advanced-text/?utm_source=wporg&utm_medium=rbeak&utm_campaign=gutblocks): Display your business message in an eye-catching manner with this Advanced Text block. - [Section Block](https://cyberchimps.com/blocks/section/?utm_source=wporg&utm_medium=rbeak&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/info-block/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks) : 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](https://cyberchimps.com/blocks/image-box/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks) : Build a beautiful gallery of images with the Gutenberg Image Boxes block to highlight your portfolio, photos, and more. - [Table of Contents](https://cyberchimps.com/blocks/table-of-content/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/icon-list/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks) : 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](https://cyberchimps.com/blocks/shape-divider/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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. **Animation Blocks** - [Flip Box](https://cyberchimps.com/blocks/flip-box/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/image-slider/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): Create a fully responsive and smooth image slideshow of your products, services, or clients. - [Image Hotspot](https://cyberchimps.com/blocks/image-hotspot/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): Highlight specific parts of the image with animated pointers to make images more interactive. - [Accordion Block](https://cyberchimps.com/blocks/accordion/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/post-carousel/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/testimonial/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/multi-buttons/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/call-mail-button/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): This block allows you to add a button that will automatically make a call or send an email. - [Inline Notice Block](https://cyberchimps.com/blocks/inline-notice/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): It allows you to highlight important information on your page. - [WP Search](https://cyberchimps.com/blocks/wp-search/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/team/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/anchor/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): Anchor block allows you to create internal links to quickly jump from one part/block of your page to another. **Section Blocks** - [Spacer](https://cyberchimps.com/blocks/spacer/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): This block allows you to add white space between blocks and customize its height. - [Divider](https://cyberchimps.com/blocks/divider/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): Using the Gutenberg Divider Block, add a divider between your blocks to make them more distinguishable - [Tabs](https://cyberchimps.com/blocks/tabs/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): Tabs block allows you to display key information in an interactive manner that supports custom-made nested tabs designed to attract your users. - [Blockquote](https://cyberchimps.com/blocks/block-quote/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/call-to-action/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks) : 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](https://cyberchimps.com/blocks/card-block/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/expand/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks) : Show your visitors small snippets of text before showing the entire information with the Gutenberg Expand More block. - [Video Popup](https://cyberchimps.com/blocks/video-popup/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/google-map/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/taxonomy-list/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/progress-bar/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): Showcase progress of any activity by means of animated indicators with the Progress Bar block. - [Post And Page Grid](https://cyberchimps.com/blocks/post-and-page-grid/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): This block provides options to showcase custom post types anywhere on the page. It provides category controls to choose categories or tags. - [Feature Grid](https://cyberchimps.com/blocks/feature-grid/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): Showcase several features in an impressive layout with this Feature Grid block. **WooCommerce Blocks** - [Pricing List](https://cyberchimps.com/blocks/pricing-list/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/pricing-table/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/instagram-feed/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): This block allows you to stream Instagram content directly to your WordPress website, thus increasing your odds of getting new followers and clients. - [Social Share](https://cyberchimps.com/blocks/social-share/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): Social share 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](https://cyberchimps.com/blocks/count-up/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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](https://cyberchimps.com/blocks/countdown/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): Countdown block allows you to add countdowns to your page with customizable styles in an attractive way. - [Content Timeline](https://cyberchimps.com/blocks/content-timeline/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): Use the Gutenberg Content Timeline Block to create visual flowcharts, vertical timelines, and event layouts. - [Post-Timeline](https://cyberchimps.com/blocks/post-timeline/?utm_source=wporg&utm_medium=rbea&utm_campaign=gutblocks): 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! == Help Resources== To get started go through our help resources: - [Product documentation](https://docs.cyberchimps.com/responsive-gutenberg-addons/?utm_source=wporg&utm_medium=rbea&utm_campaign=helpsection) - [Video tutorials](https://www.youtube.com/playlist?list=PLXTwxw3ZJwPSCqW__jo6fkUlEh2uXAsuF) READY-TO-USE STARTER WEBSITE TEMPLATES FOR GUTENBERG **Starter website templates** help you with a faster website launch. These have been designed considering the ideal layout for your niche – you can import, change content, and launch or modify the layouts after importing. Get beautifully designed ready-site templates that are built using Gutenberg, Responsive Gutenberg Blocks Library, and the Responsive theme. These templates can be easily imported and customized to change the look and feel of your website instantly. **These website templates have the following features:** - Pre-designed pages such as homepage, about, services, and contact. - Responsive designs that work on all devices. - Easy drag & drop editing. - Copyright-free stock images that you can use on your website. - Automatically installs all necessary plugins. **You can easily import and use over 30+ ready-to-use WordPress [website templates](https://cyberchimps.com/wordpress-themes/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites&page-builder=gutenberg).** **Business Website Templates** [Corporate WordPress Template](https://ccreadysites.cyberchimps.com/gcorporate/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Business WordPress Template](https://ccreadysites.cyberchimps.com/gbusiness//?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Consulting WordPress Template](https://ccreadysites.cyberchimps.com/gconsultancy/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [One Page Business WordPress Template](https://ccreadysites.cyberchimps.com/one-page-biz/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Transport Business WordPress Template](https://ccreadysites.cyberchimps.com/gtransport/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Learning Management System WordPress Template](https://ccreadysites.cyberchimps.com/glms/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Insurance WordPress Template](https://ccreadysites.cyberchimps.com/ginsurance/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Travel Agency WordPress Template](https://cyberchimps.com/wordpress-themes/wordpress-travel-agency-theme/#demo-full?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) **Healthcare and Fitness Website Templates** [Fitness Gym WordPress Template](https://ccreadysites.cyberchimps.com/ggym/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Dental Clinic WordPress Template](https://ccreadysites.cyberchimps.com/gdental-clinic/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Doctor WordPress Template](https://ccreadysites.cyberchimps.com/gdoctor/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Health Coach WordPress Template](https://ccreadysites.cyberchimps.com/ghealth-coach/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Yoga Instructor WordPress Template](https://ccreadysites.cyberchimps.com/gyoga-instructor/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) **Real Estate Website Templates** [Construction Services WordPress Template](https://ccreadysites.cyberchimps.com/gconstruction-services/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Home Decor WordPress Template](https://ccreadysites.cyberchimps.com/ghome-decor/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Construction Firm WordPress Template](https://ccreadysites.cyberchimps.com/gconstruction/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) **Local Business Website Templates** [Corporate Lawyer WordPress Template](https://ccreadysites.cyberchimps.com/corporate-lawyer/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Charity WordPress Template](https://ccreadysites.cyberchimps.com/gcharity/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Photography Studio WordPress Template](https://ccreadysites.cyberchimps.com/photography-studio//?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Spa Center WordPress Template](https://ccreadysites.cyberchimps.com/gspa/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Restaurant WordPress Template](https://ccreadysites.cyberchimps.com/restaurant-gutenberg/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) **Blog Templates** [Lifestyle Blog WordPress Template](https://ccreadysites.cyberchimps.com/glifestyle/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Travel Blogger WordPress Template](https://ccreadysites.cyberchimps.com/travel/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Food Blog WordPress Template](https://ccreadysites.cyberchimps.com/food/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) **WooCommerce Website Templates** [Jewellery Shop WordPress Template](https://ccreadysites.cyberchimps.com/gjewellery-shop/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Fashion Shop WordPress Template](https://ccreadysites.cyberchimps.com/gfashion-shop/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Pet Shop WordPress Template](https://ccreadysites.cyberchimps.com/gpet-shop/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Ecommerce Fashion WordPress Template](https://ccreadysites.cyberchimps.com/gecommerce-fashion/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) [Furniture Shop WordPress Template](https://ccreadysites.cyberchimps.com/gfurniture-shop/?utm_source=wporg&utm_medium=rbea&utm_campaign=readysites) Check out all [Gutenberg Website Demos](https://cyberchimps.com/wordpress-themes/?page-builder=gutenberg&utm_source=wporg&utm_medium=rbea&utm_campaign=readme0) == Frequently Asked Questions == = 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](https://cyberchimps.com/blocks/?utm_source=wporg&utm_medium=rbea&utm_campaign=faqsection). The Responsive Gutenberg Blocks Library gives you free access to over 40 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. == Installation == This section describes how to install the plugin and get it working. **WordPress Admin Dashboard Installation** [youtube https://www.youtube.com/watch?v=ALTDNWpp2eI] To install the Responsive Gutenberg Blocks Library plugin manually from the WordPress admin dashboard: