Unlimited Blocks For Gutenberg

Install Plugin

Unlimited Blocks For Gutenberg is the plugin for the native WordPress blocks editor Gutenberg. Makes creating content super easy for everyone. Read the documentation below to know everything about Unlimited Blocks.

(1) Go to your WordPress Dashboard and navigate to Plugins > Add New.

(2) After that, you will see a search box on the top Right Side. Here search for Themehunk Unlimited Blocks.

(3) After that click on the Install Now button and then click on the Activate. As shown in the image below

install unlimited addons

Checkout this Video Tutorial –

Add New Page or Post

After installing the plugin you’re ready.

(1) Now to use Unlimited Blocks Go to your Dashboard > Pages or Posts > Add new. As shown in the image below

 

add post page 2

(2)  To start using Unlimited Blocks click on the (+) icon on the left top side of the editor. As shown in the image below

 

unlimited blocks add 1

(3) Now you can see all the Unlimited Blocks Addons for Gutenberg. you can use any addon as per your need to create anything.

Unlimited Blocks

Free Unlimited Blocks plugin that amplifies the default WordPress Gutenberg Editor with 18+ powerful blocks. and they are-
unlimited blocks list 2

  • Advance Column
  • Product Slider
  • Advanced Slider
  • Icon
  • Service section
  • Price Box
  • Linear progress bar
  • Circular progress bar
  • Post grid
  • Post list
  • Post slider
  • Post Category
  • Post image layout 1
  • Post image layout 2
  • Post image layout 3
  • Post image layout 4
  • Post image layout 5

Advance Column

Advance Columns are predefined column layouts. You can use these columns layouts to create any type of design, and also you can create sections.

(1) To use Advance Column Layout Search for the Advance Column on the search bar, or you can also get it in the Unlimited Blocks section.

(2) Select your choice of Advance Column layout.

advance column 2

 

(3) You can customize your Advance Column via Layout- Change column layout, Spacing, add Animations to columns

  • Column & Layout- change column layout and inner width
  • Spacing- change margin padding of column
  • Animation- set animation for a column

(4) You can also customize Column styling- Background Type, Border, Box Shadow, Animation

  • Background- Change background type color or image
  • Border and Box Shadow- change border style, border width, color, and radius
  • Animation- select animation
    ad column 1

Check out this video –

Product Slider

A product slider is a slider for a product block. you can use this to show your products in slider form.

To use the Product slider search for the product slider on the search bar, or you can also get it in the Unlimited Blocks section. product slider 1

After that, you can see a preview of the Product Slider. You can select a product category to display products from a specific category.

product slider 31

Customizations for block

product slider settings 1(1) Layout- customize layout settings for slider

  • Products settings- Select the number of Posts, Column, and Row
  • Product Category- Select product category
  • Slider settings- Autoplay, loop

(2) Style- Change styling for slider

  • Product box style- Select background color, box spacing, border style & color
  • Add to cart button- change button color, background color, Title- change font size, and color
  • Ratings- change size, and color
  • Price- customize price color, and discount price color
  • Buttons style- change size, and color
  • Sale Text- customize sale text font, color, and background color

Google Map

google map 313

The Google Map block can be used for showing your business on your website. You can use this block anywhere on your website.

To use the Google Map Block, you can search for the MAP on the search bar, or you can also get it in the Unlimited Blocks section.

Customizations for block

google map block 313 copy

In the Location section- You can add your Business location and it will show your location on Google Maps. You can Zoom Google Maps as per your need.

Advance Slider

Advance Slider allows you to insert content and image sliders. this can be used anywhere in your post or pages.

To use the Advance slider search for the advance slider on the search bar, or you can also get it in the Unlimited Blocks section.

 

advance slider 1

Customize Advance slider

(1)  Slides-

  • Here you can add slides to the advanced slider. After that, you can customize things like content, button, and styling.

(2) Style & Settings-

  • Setting- select content spacing, width, height, and styling.
  • Slider setting- select navigation, transition, and styling.

advance slider 2

Icon

This block allows you to insert any icon or image. you can customize the icon as per your need. try this to add extra enhancements to your post or pages.

To use the Icon for blocks search for the Icon on the search bar, or you can also get it in the Unlimited Blocks section.

icon 1

Customize icon block

  • Icon set- select icon, change position, space between icon & title, and font size.
  • Title Setting- change show or hide title, select tag, and font family.
  • Color Settings- customize background color, icon color, and title color.
  • Container setting- padding, border settings, eg. (style, radius, width, and color)

icon block settings 1

Check Out this Video Tutorial

Service Section

Service Section block helps you to create a beautiful service section for your website. you can easily create and customize the service section block.

To use the service section for blocks search for the service section on the search bar, or you can also get it in the Unlimited Blocks section.

 

service section 1

Customize service section

  • Image and Icon Setting- add an image or icon, and change the color.
  • Title/Description settings- Choose font family, size, color, and link.
  • Background color- change the section background color.
  • Container border settings- Enable/Disable

service section setting

Checkout this Video

Price Box

The price box block provides different prebuild style options under one tab. It displays heading, pricing, features, content, and a call to action buttons.

To use the price for blocks search for the price box on the search bar, or you can also get it in the Unlimited Blocks section.

price box 1

Customize Price Box

  • Header section- edit heading, description, and background color.
  • Price- select currency, price, formate, and time period.
  • List section– Add/Delete content and customize styling.
  • Button section- Customize button text, link, and color.
  • Container settings- Enable/Disable container

price box 2

Checkout this Video

Linear Progress Bar

The Linear progress bar allows you to insert a linear progress bar anywhere in the post or pages.

To use the Linear progress for blocks search for the Linear progress on the search bar, or you can also get it in the Unlimited Blocks section.

linear bar 1

Customize Linear Progress Bar

  • Title settings- change percentage inside/outside and color.
  • Progress bar setting- change the height, percent, border radius, animation time, and background color.

linear bar 2

Checkout this video

Circular progress bar

A circular progress bar block allows you to insert a circular progress bar anywhere on the page or post.

To use the Circular progress for blocks search for the Circular progress on the search bar, or you can also get it in the Unlimited Blocks section.

circular bar 1

Customize Circular Progress Bar

  • Circle Setting- change percent, width, stock width, animation delay, Stroke Edges Type, and background color.
  • Title setting- Show/Hide title, change color, font size

circular bar 2

Checkout this video

Post Grid

Post Grid block allows you to display a grid-type post layout from your blog posts. you can display these post grids anywhere on your website.

To use the Post Grid for blocks search for the Post Grid on the search bar, or you can also get it in the Unlimited Blocks section.

post grid 1

Customize Post Grid

  • Block Title- Change title alignment, font size, color, background color, and font weight.
  • Post Layout- change column layout, number of posts to display, and background color.
  • Post Title- change title tag, size, and color.
  • Excerpt/Content- Hide or show post content.
  • Post featured image- Featured image options.
  • Post Meta- Select post category, and Meta custom styles like date font, color, and background color.

 

post grid 2

Checkout this Video

Post List

Post List block allows you to display a list-based post layout. you can display a post list anywhere on your post and page.

To use the Post Grid for blocks search for the Post Grid on the search bar, or you can also get it in the Unlimited Blocks section.

post list 1

 

Customize Post List

  • Block Title- Change title alignment, font size, color, background color, and font weight.
  • Post Layout- change column layout, number of posts to display, and background color.
  • Post Title- change title tag, size, and color.
  • Excerpt/Content- Hide or show post content.
  • Post featured image- Featured image options.
  • Post Meta- Select post category, and Meta custom styles like date font, color, and background color

 

post list 2

Checkout this video

Post Slider

Post slider block allows you to display post-based sliders in your post or pages. you can display a console of posts in slider form.

To use the Post Slider for blocks search for the Post Slider on the search bar, or you can also get it in the Unlimited Blocks section.post slider 1

Customize Post Slider

Post Settings-

  • General settings- Select the number of posts, columns, and rows to display.
  • Post Title- Select title tag, and color.
  • Excerpt- Hide/Show excerpt.
  • Category- Choose a category to display.
  • Post Meta- Select post category, and Meta custom styles like date font, color, and background color.

post slider 2

Slider settings-

  • Background & Alignment- Change background color, opacity, and content alignment.
  • Slider settings- select navigation type, Transition type, and autoplay on/off.

Checkout this Video

Post image Layout 1

Post Image Layout 1 block allows you to display column-based two post layouts. (E.g- two-column post)

To use the Post Image Layout 1 for blocks search for the Post Image Layout 1 on the search bar, or you can also get it in the Unlimited Blocks section.

post image layout 1

Customize Post image Layout 1

  • Block Title- Show/Hide title.
  • Post Layout- content alignment, background color, and opacity.
  • Post title- title tag, font size, and color.
  • Excerpt/Content- Show/Hide content.
  • Post Meta- Select post category, and Meta custom styles like date font, color, and background color.

 

post image layout 1 1

Post image Layout 2

Post Image Layout 2 block allows you to display column-based Three post layouts. (E.g- three-column post)

To use the Post Image Layout 2 for blocks search for the Post Image Layout 2 on the search bar, or you can also get it in the Unlimited Blocks section.

post image layout 2

Customize Post image Layout 2

  • Block Title- Show/Hide title.
  • Post Layout- content alignment, background color, and opacity.
  • Post title- title tag, font size, and color.
  • Excerpt/Content- Show/Hide content.
  • Post Meta- Select post category, and Meta custom styles like date font, color, and background color.
  • Next/Preview button- Enable/Disable button

post image layout 2 2

Post image Layout 3

Post Image Layout 3 block allows you to display column based four post layouts. (E.g- four column post)

To use the Post Image Layout 3 for blocks search for the Post Image Layout 3 on the search bar, or you can also get it in the Unlimited Blocks section.

post image layout 3

Customize Post image Layout 3

  • Block Title- Show/Hide title.
  • Post Layout- content alignment, background color, and opacity.
  • Post title- title tag, font size, and color.
  • Excerpt/Content- Show/Hide content.
  • Post Meta- Select post category, and Meta custom styles like date font, color, and background color.
  • Next/Preview button- Enable/Disable button

post image layout 3 3

Post image Layout 4

Post Image Layout 4 block allows you to display column based five post layouts. (E.g- five column post)

To use the Post Image Layout 4 for blocks search for the Post Image Layout 4 on the search bar, or you can also get it in the Unlimited Blocks section.

post image layout 4

Customize Post image Layout 4

  • Block Title- Show/Hide title.
  • Post Layout- content alignment, background color, and opacity.
  • Post title- title tag, font size, and color.
  • Excerpt/Content- Show/Hide content.
  • Post Meta- Select post category, and Meta custom styles like date font, color, and background color.
  • Next/Preview button- Enable/Disable button

post image layout 4 4

Post image Layout 5

Post Image Layout 5 block allows you to display column based six post layouts. (E.g- six column post)

To use the Post Image Layout 5 for blocks search for the Post Image Layout 5 on the search bar, or you can also get it in the Unlimited Blocks section.

post image layout 5

 

Customize Post image Layout 5

  • Block Title- Show/Hide title.
  • Post Layout- content alignment, background color, and opacity.
  • Post title- title tag, font size, and color.
  • Excerpt/Content- Show/Hide content.
  • Post Meta- Select post category, and Meta custom styles like date font, color, and background color.
  • Next/Preview button- Enable/Disable button.

post image layout 5 5