Build richer pages in Gutenberg
Qubely Premium is a Gutenberg block toolkit for creating pages that go beyond the default editor experience. It combines custom blocks, predefined sections, modern layout packs, and starter packs with detailed controls for spacing, typography, color, backgrounds, and responsive presentation.
The toolkit is intended for both simple and complex page layouts. Create structured rows, resize columns by dragging, add content-focused sections, and refine the visual presentation without leaving the Gutenberg editing workflow. Qubely also includes controls for mobile-optimized designs and device-specific adjustments.
Blocks for common page sections
Qubely adds a broad collection of blocks for business pages, landing pages, content layouts, and promotional sections. Available blocks include Row, Button, Testimonial, Heading, Counter, Tabs, Accordion or Toggle, Advanced Text, Video Popup, Google Map, Progress Bar, Social Icons, Button Group, Info Box, Advanced List, Contact Form, Icon List, Pricing, Team, Image, Timeline, Post Grid, Icon Divider, Block Wrapper, and Pie Progress.
The toolkit also lists additional blocks for more sophisticated designs, including Form Builder, Image Gallery, Image Carousel, Post Carousel, Advanced Post Grid, Pricing List, Team Carousel, Testimonial Carousel, Media Card, Countdown, Table Builder, Woo Products, and Woo Carousel.
Layout and styling controls
- Create rows and resize columns with mouse dragging.
- Use predefined sections, layout packs, and starter packs as design starting points.
- Design flat, gradient, or line buttons with configurable icons, positions, sizes, and spacing.
- Build testimonials with quote icons, messages, names, designations, avatars, and ratings.
- Choose from Font Awesome and Qubely Line Icons.
- Add Google Maps with address, height, and zoom controls from 1 to 20.
- Separate content with 28 pre-designed divider designs.
- Apply shape dividers, blend modes, video backgrounds, animations, and box shadows.
- Use classic or gradient colors and backgrounds, custom CSS, and responsive visibility options.
Typography and responsive design
Custom typography controls let you choose fonts, font weight, text transform, font size, line height, and letter spacing. Values can be set in pixels, em, or percentages according to the device. Device-specific responsive controls help you adjust layouts and hide blocks on different devices.
Using Qubely Premium
Qubely is built for the Gutenberg editor and works with Gutenberg-compatible WordPress themes. It does not work with the Classic Editor or other page builder plugins. Use its blocks to assemble a page, select a predefined section or starter layout, and then refine the content and styling through the block settings.
Installation
Install Qubely Premium in a WordPress site using the Gutenberg editor and a Gutenberg-compatible theme. Open the editor, add Qubely blocks to a page, and configure each block’s content, layout, typography, and responsive settings as you build.
