Gutenberg Blocks and Page Builder – Qubely

Description

Qubely is a full-fledged Gutenberg block toolkit with plenty of custom blocks, predefined sections and starter packs to create beautiful web pages. It minimizes the limitations of the Gutenberg editor and opens unlimited possibilities for any simple to complex design on Gutenberg. Qubely is a user-friendly Gutenberg plugin with necessary customization features and advanced functionalities.

Extend the default WordPress Gutenberg editor with many custom blocks that are missing in there. Take control of your website design and apply out of the box styling options offered in Qubely. Create web pages that are stunning as well as mobile optimized.

Qubely Blocks Pro || Live Demo || Documentation

QUBELY GUTENBERG BLOCKS CORE FEATURES AT A GLANCE

  • Predefined sections
  • Modern layout packs
  • Highly customizable row columns
  • Row video background & blend mode
  • Drag column resizing
  • Shape divider/builder
  • Device specific responsive controls
  • Unlimited Google web fonts & system fonts
  • Classic & gradient color and background
  • Built-in animation
  • Box-shadow
  • Font Awesome 5 Icons and line icons
  • Custom CSS

Want to know all the latest news and be part of the Qubely community? Join our Facebook group!

ADVANCED GUTENBERG BLOCKS INSIDE QUBELY

Qubely adds numerous custom Gutenberg blocks to the Gutenberg block editor and takes Gutenberg editor to the next level. The available custom advanced Gutenberg blocks inside Qubely are:

More advanced Gutenberg blocks, pre-designed sections and starter packs are coming every month! Signup on our site to receive updates via email.

Pro Features

8 New blocks that help you build more sophisticated designs-

⭐️ Ready Sections ⭐️ Starter Packs

QUBELY GUTENBERG BLOCKS FEATURES AND FUNCTIONALITIES IN DETAILS

  • Row: Create a row and resize columns using mouse drag to achieve the desired layout with this Gutenberg block.

  • Button: Design a flat, gradient or a line button on Gutenberg block editor. Set button icon and change icon position & size along with its spacing.

  • Testimonial: Design testimonials with quote icon, message, name, designation, avatar, ratings, etcetera and set them up in the settings unlike no other Gutenberg blocks.

  • Icon: Choose icons from the rich collection of Font Awesome and Qubely Line Icons. Apply a world of style options using this Icon Gutenberg block.

  • Google Map: Embed Google Maps with Qubely Google Map block that gives you the controls to add map address, customize height, and zoom the map on a scale of 1 to 20.

  • Divider: This WordPress gutenberg block plugin lets you separate content with the stunning 28 pre-designed dividers of Qubely’s Divider Gutenberg block.

  • Advanced Text: Add advanced text with Qubely Gutenberg plugin. Apply advanced styling options. Change the typography, tweak the design and add border & box-shadow.

  • Counter: Have an animated number/counter on your site with the Counter Gutenberg block to show your milestones in an attractive manner.

  • Tabs: Display texts in beautiful predesigned tabs. Design tabs with preferred width and spacing. Create responsive tabs to showcase features and trends.

  • Accordion: Place collapsible text contents on your site with the Accordion Gutenberg block. Setup items to reveal the hidden content in an aesthetic manner.

  • Video Popup: Create a nice video popup with Qubely Video Popup block. Change the typography and apply the overlay, box shadow and animation.

  • Heading: Create stunning titles with the advanced Heading Gutenberg block. Style heading text by tweaking typography, color, and other options.

  • Progress Bar: Present your skills, experiences, or the progress of an ongoing project using Qubely’s Progress Bar Gutenberg block.

  • Social Icons: Add and style all your social media profiles in one place with Qubely Social Icons Gutenberg block. Display popular social media channels with a label, icon or both.

  • Button Group: Create and design trendy button groups. Qubely’s Button Group Gutenberg block comes with predefined layouts, size options, and more.

  • Info Box: Place engaging information with Info Box. Choose design from the 3 predefined layouts and then personalize it with the settings.

  • Advanced List: Get 2 list layouts- Classic and Fill in this WordPress gutenberg block plugin. Select the number of columns and design flexibly by defining space, background size, shadow and more.

  • Contact Form: Design contact forms with 2 layouts and many other styling options. Enter receiver email right from the block settings and enable captcha.

  • Icon List: Get 2 icon list layouts and customize them using the Qubely Icon List block. Chose icons and modify design with colour, spacing and border options.

  • Pricing: Design pricing plans with 5 layouts. Show features, badges, and post button text in the plan. Set up the plan’s duration, typography, and style badges easily.

  • Block Wrapper: Wrap up blocks with a background. Set up a gradient background by defining Gradient Angle and Type.

  • Team: Enlist team members with details. Showcase member’s profile in 3 layouts. Display designation and description with the member profiles.

  • Image: Insert and beautify images with Qubely Image Block. Get 2 layouts and style images by defining opacity, alignment, border-radius, box-shadow, and many more.

  • Timeline: Display the timelines of various events with this WordPress Gutenberg block plugin. Showcase detailed road maps and style them with images, texts, headings, icons, and more.

  • Post Grid: Display posts in different grid and list layouts. Define post number, style the feature image, tweak typography, control spacing, determine post excerpts, and do many more.

SOME EXCITING QUBELY FEATURES IN DETAILS

Let’s dig deep into the exciting features of this advanced Gutenberg block plugin.

PREDESIGNED SECTIONS

Qubely has a rich library of pre designed sections those can be imported and used as blocks on the Gutenberg editor. You no longer need to style them from scratch. Also, With this Gutenberg plugin, you can modify their look if you ever want to.

ROW-COLUMN STRUCTURE

Take 1 to as many as 6 columns in a single row at a time. Get multiple combinations of columns. Most importantly, you can adjust the column size by flexibly dragging the columns. The widely used row-column concept of major page builders is with Gutenberg editor thanks to Qubely.

ADVANCED ROW-COLUMN SETTINGS

Apply padding and margin to columns and set column background with single color, image, and gradient. Give column border, apply border-radius, and animate columns.

DEVICE SPECIFIC RESPONSIVE CONTROLS

Create responsive designs with Qubely Gutenberg block plugin. Control the entire responsiveness by defining the breakpoint for small screens. Also, you can hide blocks on different devices.

CUSTOM TYPOGRAPHY CONTROLS

This Gutenberg page builder gives you full control over the typography. You can choose the font, apply font weight, font transform, set font size, line height, letter spacing in px, em, and percentage on the basis of the devices.

You may find the documentation here
Documentation

Want To Contribute To The Plugin?

You may now contribute to the plugin on Github: Qubely Blocks on Github

Screenshots

  • Qubely Block List
  • Qubely Blocks
  • Qubely Layout
  • Qubely Shape
  • Qubely Row
  • Qubely Column
  • Advanced Type

Blocks

This plugin provides 1 block.

qubely/postgrid
Gutenberg Blocks and Page Builder – Qubely

Installation

Minimum Requirements

  • PHP version 5.6.0 or greater (PHP 7.1 or greater is recommended)
  • MySQL version 5.0 or greater (MySQL 5.6 or greater is recommended)

Automatic installation

The automatic installation is the easiest way to install any plugin in WordPress. You can perform an automatic installation of Qubely by logging in to your WordPress dashboard, navigating to the “Plugins” menu and click on the “Add New” button.

This will open up a page showing all the available plugins in WordPress. In the search field, type Qubely. The search result will show you our Qubely plugin, you can then see the detailed info by clicking on “More Details” and to install just click on the “Install Now” button.

Manual installation

To install Qubely manually, you need to download the plugin and upload it to your webserver via any FTP application.

The WordPress codex contains instructions on how to do this here.

FAQ

Is Qubely free?

Yes, Qubely is a free WordPress Gutenberg block plugin. We have a premium version that gives you more options to customize the blocks and hundreds of sections and starter packs.

Can I use Qubely with any WordPress theme?

Yes, you can use Qubely with any Gutenberg compatible WordPress theme.

Do I need Gutenberg to use Qubely?

Yes, Qubely is built based on the Gutenberg editor. Qubely does not work with the classic editor or any other page builder plugin.

Where can I get support?

You can post your questions on the support forum here or chat with us live from our website.

Where can I report a bug?

You can report bugs on the support forum here or send us an email using the contact form on our website.

Reviews

Ogwekkuminebiri (Ntenvu) 9, 2019
I decided to give Themeum's Qubely plugin a try primarily to see what could be done in the Gutenberg environment. I also want to see if there was any performance benefit vs using a page builder. I have been pleasantly pleased so far and each build has been very stable on the sites that I'm testing it on. I've tended to use page builders on top of WordPress in the past, but I'm hoping a plugin like Qubely will decrease my reliance and simplify the plugin stack. It has tons of tools and allows you to create layouts that would have been pretty cumbersome to create in Gutenberg before. If you're a current Gutenberg user then this will add a lot of flexibility to your layouts. Themeum's support staff has been very courteous and responsive so far. I'd recommend trying out their free plugin first and opt for the pro version if you think the feature set might help your workflow.
Ogwekkuminebiri (Ntenvu) 4, 2019
Qubely is a great add-on for Gutenberg, adding tons of new features which you can generally find only in webpage builders, such as Elementor and Divi. The difference is that you don't need to enable heavy plugins and set up custom pages; just keep Cubely active and use its advanced blocks alongside Gutenberg's blocks. There are plenty of customization options and the premium version provides even more of them. Qubely is by far the most complete Gutenberg solution by one of the fastest evolving WordPress developers.
Ogwekkuminogumu (Museenene) 22, 2019
Gutenberg blocks are the way go forward. More and more group will come into it gradually. Qubely is a first of its kind. A dedicated team planning to build pages purely based on Gutenberg and that too in an extensively way. Highly excited to see this team grow with Qubely designs.
Ogwekkuminogumu (Museenene) 7, 2019
it works incredibly good right out of the box. they provide A LOT of nice free blocks like timeline block. They have some bugs but i am sure they fix them fast!
Ogwekkumi (Mukulukusa) 17, 2019
Great builder inside Gutenberg. I installed Qubely from day 1 and a lot of improvements I saw during these months. If you want to build a client-friendly website you have to try this. It's Gutenberg 100% and it's Qubely at the same time. It's wonderful! Most of all, Qubely Pro is in the air... Just have a look at Qubely Roadmap
Ogwomwenda (Mutunda) 20, 2019
I have been searching for Gutenberg Blocks for some time... My priority is that it should be user-friendly and easy to customize for my client. I had tested about 5 different Gutenberg Blocks... After deep research and testing, I narrowed down to this Qubely. When I install and used in my production site, I came to know the real power of Qubely. The good thing is that my clients also loved it, saying they can use it without any problem. Apart from the product, Themeum (also JoomShaper) are the people whom I can trust, they love what they do and I am with them for more than 5/6 years now. Support is excellent, I have not come across where my question is unanswered.
Read all 15 reviews

Contributors & Developers

“Gutenberg Blocks and Page Builder – Qubely” is open source software. The following people have contributed to this plugin.

Contributors

“Gutenberg Blocks and Page Builder – Qubely” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Gutenberg Blocks and Page Builder – Qubely” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.6 – 05 December, 2019

New: Full Width, Wide Width alignment option in all blocks
Update: Improvement in Interaction
Fix: Team block – Social icons hover issue

1.2.5 – 28 November, 2019

New: Team block – Image border
New: Team block – Image box shadow
New: Media field – Local video preview option in Panel
Fix: Dropdown field – Search
Fix: Post Grid block – Stack background in style 3
Fix: InfoBox block – Placeholder image width adjustment issue
Fix: Contact Form block – Input field background Material layout
Fix: Broken CSS issue after editing original Reusable blocks
Update: Tabs block – Frontend script
Update: Tabs block – Block preview
Update: Tabs block, Video popup block – Preview image path

1.2.4 – 20 November, 2019

New: Block preview option added
New: Post Grid block – context menu
Fix: CSS issue fixed in Reusable blocks
Fix: Interaction issue fixed
Fix: Typography field – Search option
Fix: Divider block – Divider color issue
Fix: Icon list block – Padding issue
Fix: Team block – Alignment issue
Fix: Icon list block – Animation issue
Fix: Button Group block – Animation issue
Fix: Timeline block – Responsive issue
Fix: Infobox block – Image width issue
Fix: Image block – Animation issue
Update: Team block – Image width
Update: Import layout design

1.2.3 – 12 November, 2019

Update: WordPress 5.3 compatibility added
Update: Heading block – Replaced deprecated components: RichText, InspectorControls, BlockControls

1.2.2 – 11 November, 2019

New: add_theme_support added to qubely-color-palette
Fix: CSS loading from file issue
Fix: Qubely CSS loading in non-Qubely pages
Fix: Global settings issue
Fix: Post Grid block – Date issue fixed
Update: Few label texts

1.2.1 – 01 November, 2019

Fix: Import Layout – Sections & Starter Packs count & search issue fixed
Update: Import Layout – Recategorized Sections & Starter Packs

1.2.0 – 30 October, 2019

New: Mouse Movement effect
Update: Contact Form block – Script
Update: Post Grid block – Style

1.1.6 – 09 October, 2019

Fix: Contact Form block – CSS issue in input fields
Fix: Image block – CSS issue
Fix: Video Popup block – fixed layout naming issue

1.1.5 – 01 October, 2019

Fix: CSS issue in import layout modal
Fix: Image block – Removed empty space
Update: Carousel field – Bug fixed & finalized

1.1.4 – 24 September, 2019

New: Image block – Image URL option
Update: Timeline block – Item removing option
Fix: Row block – Column reverse issue for child rows
Fix: Row block – Column issue in responsive devices

1.1.3 – 19 September, 2019

New: 2 page templates – Qubely Full Width, Qubely Canvas
Update: Performance improvement
Update: Refactored components & fields
Fix: Post Grid block – Category clickable issue in Edit view

1.1.2 – 06 September, 2019

Fix: Font weight issue in frontend
Fix: Conflict with Gutenberg plugin

1.1.1 – 03 September, 2019

Fix: Post Grid block – Front end issue

1.1.0 – 02 September, 2019

New: Post Grid block
New: Custom dropdown field with search option

1.0.9 – 23 August, 2019

Update: Timeline block – Item limit increased to 100 from 20
Fix: Inline CSS issue on frontend

1.0.8 – 09 August, 2019

New: Timeline block
New: Info Box block – Retina image uploading option
New: Team block – Retina image uploading option
New: Testimonial block – Retina image uploading option
Fix: Image block – Top and bottom spacer issue
Fix: CSS duplication issue on frontend

1.0.7 – 06 August, 2019

New: Image Block
Update: Testimonial Block – Ratings settings UI improved
Fix: Qubely Options page issue

1.0.6 – 01 August, 2019

New: Block Wrapper – Image background option
Update: Infobox Block – Settings UI improved
Update: Media field improvement
Fix: Row Block – Column reverse setting

1.0.5 – 24 July, 2019

Update: Advanced Text Block – HTML support for RichText
Update: Testimonial Block – HTML support for RichText
Update: Infobox Block – HTML support for RichText and image alt text
Update: Pricing Block – HTML support for RichText
Fix: CSS issue while exporting/importing pages
Fix: Button Block – Outline layout hover fill color

1.0.4 – 15 July, 2019

Update: InfoBox Block – Button enable/disable toggle position
Update: Button Component – Panel settings improvement
Fix: Row – Margin field issue fixed

1.0.3 – 11 July, 2019

New: Block style copy/paste option on the context menu
New: Typography field – gets Font family & font-weight reset option
Fix: Button block/Button component – has default text-color & background-color for layouts
Fix: Accordion block – not saving separator value issue
Fix: Import layout modal conflict with Yoast SEO plugin

1.0.2 – 08 July, 2019

New: Button Group block – Responsive setting in Alignment field
Update: Info Box block – Button default tag
Update: Import layout modal modification
Fix: Tabs block – inactive tab content display issue in Backend

1.0.1 – 01 July, 2019

New: Column block – Add column option in BlockControls
Update: Social Icons block – Used Gutenberg’s Popover component
Update: Icon List block – Used Gutenberg’s Popover component
Fix: Styling issue while previewing post
Fix: Column block – CSS selector to fix styles in child row’s columns
Fix: Icon List block – Issue with item removal using Backspace
Fix: Pricing block – Issue with removing any newly added feature
Fix: Social Icons block – Icon label inline changing issue

1.0.0 – 20 June, 2019

New: Premade sections & layouts
New: Info Box block – Content disable option
New: Team block – Padding option for content
New: Contact Form block – Button alignment option
New: Pricing & Features blocks – Custom alignment option
New: Advanced List block – Background size option for number
New: Button Group block – Alignment field
Update: Redesigned import layout modal UI
Update: Dimension field in Row & Column blocks
Update: Testimonial block – Replaced dashicons with Font Awesome
Fix: Accordion block – Heading update issue
Fix: Advanced List block – Bullet icon changing issue
Fix: Advanced List block – Line height issue
Fix: Advanced Text & Title blocks – Separator stroke value update issue
Fix: Advanced settings – Z-index value update issue
Fix: Block manager – Resized qubely icons
Fix: Button block – Button URL open in new window setting issue
Fix: Button Group block – Spacing option issue
Fix: Heading block – Sub heading tag change issue
Fix: Row block – Overlay issue in inner rows
Fix: Testimonial block – Layout change issue
Fix: Tabs block – Nav responsive margin issue
Fix: Video Popup block – Icon ripple effect issue

1.0.0-RC-2 – 31 May, 2019

New: Font family search option in typography
Update: Pricing Badge UI
Update: Tab icon setting
Update: Gradient angle & position UI
Update: Shape divider settings in Row

1.0.0-RC-1 – 24 May, 2019

Update: Block Wraper’s description & keyword
Update: Code optimization
Fix: List item auto focus issue in Advanced list & Icon list block
Fix: Border Hover color option in Icon block
Fix: Import layout Reloading Issue

1.0.0-beta-3 – 22 May, 2019

New: Global color palate setting
New: Recent font-family setting in typography
Update: Inline text-color and background-color option
Update: Removed hover option from Pricing block’s background
Fix: Text color issue in Advanced block
Fix: Border Hover color option in Icon block
Fix: Animation delay issue in global option

1.0.0-beta-2 – 16 May, 2019

Update: Gradient field color picker position
Update: Redesigned Testimonial Block’s layout
Update: Responsive device setting
Update: Changed icon updating option in Pricing Block’s features
Fix: Button Size issue in Pricing Block
Fix: Transition issue in Video Popup block, Button Block

1.0.0-beta – 10 May, 2019

New: Pricing Block
New: Wrapper Block
New: Team Block
New: Redesigned user interface
New: Radically Redesigned user experience
New: Added Responsive settings to the Shape Divider
Update: Improved padding, margin, Radius, Box Shadow, Background, Color and border options
Update: Improved typography settings
Update: Restructured Advanced List block
Fix: Icon size in the icon list
Fix: Autofocus in the icon list
Fix: Video Popup SVG

1.0.0-alpha-4 – 28 March, 2019

New: Contact Form Block
New: Icon List Block
New: Advanced List Block
New: Button Group Block
New: Info Box Block
Update: Row settings
Update: Column settings
Fix: Link open in new tab issue
Fix: Button Alignment issue
Fix: Video Popup youtube short link issue

1.0.0-alpha-3 – 11 March, 2019

Update: Tab Improvement
Fix: Social icon blocks dropdown issue

1.0.0-alpha-2 – 08 March, 2019

New: Tabs block
New: Social Icons block
Update: Row setting
Update: Column setting
Fix: Select field issue
Fix: Responsive device issue
Fix: Map block address issue

1.0.0-alpha – 01 March, 2019

  • Initial Alpha Release 🙂