Responsive Gutenberg Blocks – Addons for Gutenberg Editor

ཞིབ་བརྗོད།

With the advanced Responsive Gutenberg Blocks by CyberChimps, you can create modern responsive designs compatible with all devices.

Use reusable block page templates to kickstart your website in no time.

With more than 20+ creative blocks for Gutenberg, you can design beautiful pages without writing a single line of code. The settings are easy to customize according to your unique look.

You can check out these demos of the Gutenberg Blocks and see how your website would look like after importing any template of your choice.

You can easily choose your favorite templates to launch your websites in no time. You can also pick any of the advanced blocks with completely customizable settings to make creative templates.

RESPONSIVE GUTENBERG BLOCKS AND ITS FEATURES

  1. Advanced Columns : You can build beautiful column layouts with the Advanced Columns block. It gives you easily customizable columns with a variety of options. You can use the block options to define the columns or create beautiful column layouts for the row and 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 : This feature in the Responsive Gutenberg Blocks plugin lets you 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 : The Post Grid 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, etc.
  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 : 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.
  7. Icon-List : Create impressive lists on your website. Design your 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 in the Responsive Gutenberg Blocks 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 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. Using this multi-button block you can add many buttons within your content.
  10. Advanced Heading : Get complete control of your headings. Style your typography (Fonts, sizes, spacing, line heights). Highlight your page headings with this block.
  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 Call To Action button block for Gutenberg. Add visually effective CTAs easily with Responsive Gutenberg blocks. Easily grab visitors’ attention to interact and take action.
  13. Info-Box : Design creative and informative boxes with images, headings, and subheadings. You can now display information about features on your website in elegant infoboxes. It saves time for your visitors to quickly understand the gist of your site’s 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 : 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.

More Gutenberg blocks are coming soon!

REASONS WHY PEOPLE ARE USING THE RESPONSIVE THEME

  • Easy Customization: The Responsive theme is designed for beginners as well as professional developers to create amazing landing pages and websites within a few clicks.
  • Faster Load Time: Websites have fast loading pages as Responsive uses the best coding standards.
  • Responsive Web Design: The Responsive theme auto-adjusts itself to mobiles, tabs, and desktops giving a wonderful experience for users.
  • Integrations with eCommerce plugins: This theme can be used with the WooCommerce LearDash and other similar plugins to design any type of eCommerce website with ease.

RELATED PRODUCTS

Gutenberg & Elementor Website Templates for the Responsive Theme

Consider checking out the Gutenberg & Elementor Website Templates Plugin for the Responsive theme by CyberChimps.

Ready to use website templates help you launch your website in 5 minutes. These have been designed considering the ideal layout for every niche.

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

You can easily import these templates, change the content, modify the layouts and launch your professional website.

གཏུབ་རེིས།

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

སྒྲིག་འཇུག

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

  1. Upload the plugin zip file or install the plugin through the WordPress plugins dashboard & Activate the plugin.
  2. After activation, the blocks will be added in the Gutenberg Editor for you to select and use.
  3. Done

FAQ

1. Is the Responsive Gutenberg Blocks plugin FREE?

Yes. And we intend to keep it FREE forever!

2. Which theme is compatible with this Responsive Gutenberg Blocks – Addons for Gutenberg plugin

This plugin is to be used with the FREE Responsive theme by CyberChimps.

3. Are these Responsive Gutenberg Blocks 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.

4. 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.

གདེང་འཇོག

གདེང་འཇོག 1 ཡོངས་སུ་ཀློག

བྱས་རྗེས་འཇོག་མཁན། & གསར་འབྱེད་པ།

“Responsive Gutenberg Blocks – Addons for Gutenberg Editor” is open source software. The following people have contributed to this plugin.

བྱས་རྗེས་འཇོག་མཁན།

དག་བཅོས་ཉིན་ཐོ།

1.2.6 – 2nd April 2020

  • 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 2020

  • 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 2020

  • Fix: Minor bug fixes in several Gutenberg blocks

1.2.3 – 10th February 2020

  • Fix: Minor bug fixes in several Gutenberg blocks

1.2.2 – 15th January 2020

  • 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