Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/themeum/qubely

Qubely Blocks – Full-fledged Gutenberg Toolkit
https://github.com/themeum/qubely

gutenberg gutenberg-blocks gutenberg-plugin wordpress wordpress-plugin

Last synced: 22 days ago
JSON representation

Qubely Blocks – Full-fledged Gutenberg Toolkit

Host: GitHub
URL: https://github.com/themeum/qubely
Owner: themeum
License: gpl-3.0
Created: 2019-05-13T09:28:18.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2024-06-04T10:43:19.000Z (7 months ago)
Last Synced: 2024-06-04T21:18:18.766Z (7 months ago)
Topics: gutenberg, gutenberg-blocks, gutenberg-plugin, wordpress, wordpress-plugin
Language: JavaScript
Size: 8.2 MB
Stars: 82
Watchers: 12
Forks: 36
Open Issues: 16
Metadata Files:
- Readme: readme.md
- License: LICENSE.txt

Awesome Lists containing this project

README

# Qubely - Advanced Gutenberg Blocks

[![WordPress plugin](https://img.shields.io/wordpress/plugin/v/qubely.svg)](https://wordpress.org/plugins/qubely/)
[![WordPress](https://img.shields.io/wordpress/v/qubely.svg)](https://wordpress.org/plugins/qubely/)
[![WordPress rating](https://img.shields.io/wordpress/plugin/r/qubely.svg)](https://wordpress.org/support/plugin/qubely/reviews/)
[![WordPress](https://img.shields.io/wordpress/plugin/dt/qubely.svg)](https://wordpress.org/plugins/qubely/advanced/)
[![Wordpress Plugin Active Installs](https://img.shields.io/wordpress/plugin/installs/qubely.svg)](https://wordpress.org/plugins/qubely/)

[Qubely](https://wordpress.org/plugins/qubely/) is a full-fledged Gutenberg toolkit with plenty of predefined sections and modern layout packs to create beautiful pages and posts on the Gutenberg editor. It offers a whole new experience that minimizes all limitations of the Gutenberg editor and opens unlimited possibilities to create any simple to complex content on a WordPress website. This user-friendly tool has been developed with all necessary customization features to achieve any possible layout.

[![Qubely - Advanced Gutenberg Blocks](https://ps.w.org/qubely/assets/banner-1544x500.jpg?rev=2111259)](http://www.youtube.com/watch?v=_aRAQkHZiUQ)

## Qubely 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

## Advanced Gutenberg blocks inside Qubely

- Row
- Button
- Testimonial
- Heading
- Counter
- Tabs
- Accordion/Toggle
- Advanced Text
- Video Popup
- Google Map
- Progress Bar
- Icon
- Divider
- Social Icons
- Button Group
- Info Box
- Advanced List
- Contact Form
- Icon List
- Pricing
- Block Wrapper
- Team
- Image
- Timeline
- Post Grid
- More advanced Gutenberg blocks coming

### Connect

- [Documentation](https://docs.themeum.com/qubely/)
- [Download on WordPress.org](https://wordpress.org/plugins/qubely/)
- [Join our Facebook Community](https://www.facebook.com/groups/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)
- Running WordPress 5.0+ else installing the [Gutenberg](https://wordpress.org/plugins/gutenberg/) plugin

**Automatic installation**

Download Qubely from the [WordPress plugin directory](https://wordpress.org/plugins/qubely/).

**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](https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation).

## Development

- Navigate to reactjs folder `cd assets/reactjs`
- `npm install` (node version `14.15.0` required)
- `npm start`
- `gulp watch` (for CSS hotloading)

## To Build

### Javascript

- Navigate to reactjs folder `cd assets/reactjs`
- run `npm run build && gulp sass`

### To Bundle

- Under root folder, install dependencies `npm install`
- run `gulp`, new file `qubely.zip` should appear