Block Library
Looking for a modern replacement for Qubely blocks? Roobely offers a full block library with automatic conversion from Qubely — so you don’t have to start over.
Blocks Library
Curated architectural components for building high-precision interfaces. Drag, drop, and refine.
Accordion/Toggle
Collapsible sections that hide/show content on click. Used for FAQs, settings panels, and long structured content.
Advanced List
Styled list with icons, spacing, and custom layout control. Used for feature lists, pricing points, or highlights.
Advanced Text
Enhanced paragraph block with typography control (font, spacing, color, alignment). Used for rich content sections and landing pages.
Animated Heading
Heading with animation effects (fade, slide, zoom). Used for hero sections and attention-grabbing titles.
Block Wrapper
A container block used to group and style multiple blocks together. Used for section-level design control.
Button
Custom clickable element with styling, icons, hover effects, and links. Used for CTAs like “Buy Now” or “Learn More”.
Button Group
Multiple buttons aligned in a row or group. Used for dual actions like “Login / Register”.
Column
Defines vertical layout structure inside a row. Used for responsive page layouts.
Contact Form
Form builder for collecting user input (name, email, message). Used for contact pages and lead generation.
Countdown
Timer that counts down to a specific date/time. Used for sales, launches, and urgency marketing.
Counter
Animated number display that increases dynamically. Used for stats like users, sales, or achievements.
Divider
Simple line separator between sections. Used for visual spacing and structure.
Form
Advanced form builder with multiple field types and validation. Used for registrations, surveys, and complex data collection.
Gallery
Image grid with lightbox and layout options. Used for portfolios and image showcases.
Google Map
Embeds interactive Google Maps location. Used for contact pages or store locations.
Heading
Basic heading block with typography control. Used for section titles.
Icon
Single icon element for visual emphasis. Used in UI highlights and features.
Icon List
List with icons instead of bullets. Used for feature breakdowns.
Image
Single image block with styling options. Used for banners, content images, or visuals.
Image Carousel
Sliding image gallery with navigation controls. Used for banners, portfolios, and sliders.
Image Comparison
Before/after slider comparing two images. Used for transformations (design, product, editing).
Info Box
Combined block with icon/image, heading, and description. Used for feature cards or service highlights.
Lottie
Animated JSON-based vector animations. Used for modern interactive UI elements.
Media Card
Card layout combining image, text, and CTA. Used for blog previews or product cards.
Modal
Popup window triggered by click. Used for forms, videos, or promotions.
Pie Progress
Circular progress indicator. Used for skill levels or stats visualization.
Post Carousel
Dynamic slider of blog posts. Used for latest articles or news sections.
Post Grid
Grid layout of posts or content items. Used for blog pages or listings.
Price List
Structured list of items with prices. Used for menus or service pricing.
Pricing
Pre-designed pricing table blocks. Used for subscription or plan comparison.
Progress Bar
Horizontal progress indicator. Used for skills, loading, or completion status.
Row
Main layout container that holds columns. Used to structure page sections.
Social Icons
Clickable social media links with icons. Used for footer or profile links.
Table
Structured data table with styling options. Used for comparison charts or data display.
Table of Contents
Auto-generated navigation list for page headings. Used for long articles.
Tabs
Switchable content sections inside one block. Used for FAQs, settings, or product info.
Team
Displays team members with images and roles. Used for about pages.
Team Carousel
Slider version of team block.
Testimonial
Customer review display block. Used for social proof.
Testimonial Carousel
Sliding testimonials for dynamic display.
Testimonial Carousel
Sliding testimonials for dynamic display.
Timeline
Vertical or horizontal event progression. Used for history, roadmap, or process steps.
Vertical Tabs
Side-oriented tab layout (like dashboards). Used for admin-style interfaces.
Video Popup
Clickable video that opens in popup modal. Used for promo videos.
Woo Carousel
Product slider for WooCommerce items.
Woo Product
Individual product display block with cart features.
Using old Qubely blocks? Roobely automatically converts them during migration.