Stackable – Page Builder Gutenberg Blocks

Description

The Ultimate Companion to the WordPress Block Editor

Stackable is the ultimate trusted block plugin you’ve been waiting for. Build dynamic websites with our powerful yet lightweight custom WordPress blocks, global design system, ready-made designs, global settings, and advanced customization options all whilst boasting speedy performance. Have the confidence to easily design professional websites that stand out using a new page building experience for Gutenberg – the WordPress Block Editor.

Try our live demo | Join the Facebook Community

Transform Gutenberg into a Page Builder.

Stackable is the all-in-one block plugin for creating stunning websites by transforming the WordPress Block Editor into a Page Builder. Stackable has helped thousands of bloggers, merchants, marketers, designers and web development professionals make the most out of the WordPress Block Editor through fast, powerful and intuitive features.

Global Design System

Design faster and more efficiently with our global controls, which make designing in one place and applying it to your entire site a breeze.

  • Inherit styles from your Block Theme
  • Theme.json
  • Pattern Library
  • Full Page Templates
  • Global Design System
  • Global Color Schemes
  • Global Typography
  • Global Spacing, Borders, Buttons and Icons

Ready Made Designs & Patterns

Enjoy an impressive Design Library to jumpstart your designing process. Never start from scratch and design like a pro with the help of our stunning and professionally-made designs and templates.

  • Hundreds of ready-made designs
  • Dozens of ready-made page templates
  • Designs that inherit the styles of your block theme
  • Dozens of block layouts
  • Various shape separator designs

Powerful Custom Blocks

Get 42 flexible custom WordPress blocks that are feature-rich and look good out of the box, and provide a robust foundation for any website even without a single line of code.

You can choose which of these blocks you need, depending on your workflow. You can also disable blocks if you don’t need them.

Essential Blocks

Special Blocks

Section Blocks

Page Builder-like Design Options

Turn the WordPress Block Editor into a page builder. Fine-tune your creations with a wide range of familiar web design options.

  • Block Theme & Theme.json Support
  • Global Design System
  • Multiple Block Layouts
  • Flexbox Controls
  • Image and Video Lightbox
  • Save Block Defaults
  • Customize block hover styles
  • Block Background and Image Color Settings
  • Block Typography Settings
  • Image Shapes and Settings
  • Advanced Gradient Color Picker
  • Advanced Icon Options
  • Advanced Column and Spacing Settings
  • Global Colors & Typography Settings
  • Responsiveness
    • Tablet and Mobile Column Arrangement
    • Live Responsive Editing
    • Ability to tweak designs for Tablet and Mobile views
    • Specify how Columns collapse in Tablet and Mobile
    • Hide / Show Specific Blocks on Desktop, Tablet or Mobile
    • Custom Tablet and Mobile breakpoints
  • Custom data-* attributes

Fast Page Loading Speed

Optimize your website’s performance, and get lightning fast page loading to make your site visitors stay. Have the chance to maximize your page speed insights and achieve high Core Web Vitals and higher SEO rankings.

  • Loads the smallest file size possible of CSS and JS files in the frontend, ~ only 7.8kb total
  • Adds almost no PHP server overhead for fast page loads
  • Zero Bloat, no jQuery, no dependencies
  • Optimized page loading with focus on Core Web Vitals
  • Responsive image loading for faster browsing speeds in mobile devices
  • Compatible with Optimization Plugins and use optimization techniques such as combining CSS and JS files and minification

Integrations & Compatibility

Make your page building experience more well-rounded by using other popular tools. We’ve seamlessly integrated with these essential third-party plugins and tools:

Premium Features

Take web designing to the next level. Stackable Premium helps you unlock the full potential of the WordPress Block Editor with awesome advanced features that will give you the ability to create high-end websites.

Dynamic Content (Premium)

Create dynamic WordPress websites that cater to the specific interests of visitors.

  • Dynamic content
  • Fully customize your query loops
  • Site Custom Fields
  • Conditionally display blocks

More Integrations (Premium)

In premium, you get more integrations.

  • WooCommerce
  • ACF
  • Metabox
  • JetEngine

Agency Tools (Premium)

Cater to more clients effectively and efficiently with our Agency Tools, which were specially made for web design professionals.

  • Block CSS Customizer
  • Role Manager

Motion Effects (Premium)

Add animations that will bring your site to life and make it more visually engaging.

  • Scroll Animations
  • Entrance Animations
  • Transform & Transition Effects

More Blocks (Premium)

  • Load More Block (for the Blog Posts Block)
  • Pagination Block (for the Blog Posts Block)

Try our live demo | Learn more

News Article Updates

Learn More About Stackable – Page Builder Gutenberg Blocks & Designs

Enjoying Stackable Blocks?

** Those marked with asterisks are part of Stackable Premium

Screenshots

Blocks

This plugin provides 75 blocks.

  • Expand / Show More Display a small snippet of text. Your readers can toggle it to show more information.
  • Card Describe a single subject in a small card. You can use this to describe your product, service or a person.
  • Blockquote Display a quote in style
  • Divider Add a pause between your content.
  • Icon Pick an icon or upload your own SVG icon to decorate your content.
  • Countdown Display a countdown timer on your website.
  • Call to Action A small section you can use to call the attention of your visitors. Great for calling attention to your products or deals.
  • Map Embedded Google Map with advanced controls.
  • Team Member Display members of your team or your office. Use multiple Team Member blocks if you have a large team.
  • Testimonial Showcase what your users say about your product or service.
  • Heading Introduce new sections of your content in style.
  • Progress Circle Visualize a progress value or percentage in a circle.
  • Icon Label An Icon and Heading paired together.
  • Design Library Choose a layout or block from the Stackable Design Library.
  • Table of Contents Automatically generated table of contents based on Heading blocks.
  • Image Box Display an image that shows more information when hovered on. Can be used as a fancy link to other pages.
  • Price Show a price of a product or service with currency and a suffix styled with different weights
  • Number Box Display steps or methods that your users will do in your service.
  • Horizontal Scroller A slider that scrolls horizontally.
  • Progress Bar Visualize a progress value or percentage in a bar.
  • Feature Display a product feature or a service in a large area.
  • Pricing Box Display the different pricing tiers of your business.
  • Text Start with the building block of all page layouts.
  • Posts Your latest blog posts. Use this to showcase a few of your posts in your landing pages.
  • Icon List An unordered list with icons. You can use this as a list of features or benefits.
  • Image An image with advanced controls to make a visual statement.
  • Feature Grid Display multiple product features or services. You can use Feature Grids one after another.
  • Spacer Sometimes you just need some space.
  • Carousel A carousel slider.
  • Columns Multiple columns with advanced layout options.
  • Timeline Show events in chronological order
  • Subtitle Subtitle text that you can add custom styling to from the global settings.
  • Icon Box A small text area with an icon that can be used to summarize features or services
  • Tabs Organize and display content in multiple tabs.
  • Video Popup Display a large thumbnail that your users can click to play a video full-screen. Great for introductory or tutorial videos.
  • Hero A large hero area. Typically used at the very top of a page.
  • Notification Show a notice to your readers. People can dismiss the notice to permanently hide it.
  • Count Up Showcase your stats. Display how many customers you have or the number of downloads of your app.
  • Button Group Add a customizable button.
  • Separator A fancy separator to be placed between content.
  • Accordion A title that your visitors can toggle to view more text.
  • Expand / Show More Display a small snippet of text. Your readers can toggle it to show more information.
  • Card Describe a single subject in a small card. You can use this to describe your product, service or a person.
  • Header A large header title area. Typically used at the very top of a page.
  • Blockquote Display a quote in style
  • Divider Add a pause between your content.
  • Icon Pick an icon or upload your own SVG icon to decorate your content.
  • Call to Action A small section you can use to call the attention of your visitors. Great for calling attention to your products or deals.
  • Team Member Display members of your team or your office. Use multiple Team Member blocks if you have a large team.
  • Testimonial Showcase what your users say about your product or service.
  • Advanced Heading Introduce new sections of your content in style.
  • Posts Your latest blog posts. Use this to showcase a few of your posts in your landing pages.
  • Image Box Display an image that shows more information when hovered on. Can be used as a fancy link to other pages.
  • Number Box Display steps or methods that your users will do in your service.
  • Feature Display a product feature or a service in a large area.
  • Container A styled container that you can add other blocks inside. Use this to create unique layouts.
  • Pricing Box Display the different pricing tiers of your business.
  • Advanced Text Start with the building block of all page layouts.
  • Icon List An unordered list with icons. You can use this as a list of features or benefits.
  • Button Add a customizable button.
  • Feature Grid Display multiple product features or services. You can use Feature Grids one after another.
  • Spacer Sometimes you just need some space.
  • Advanced Columns & Grid Add a block that displays content in multiple columns. Get advanced options on how you want your columns to look.
  • Video Popup Display a large thumbnail that your users can click to play a video full-screen. Great for introductory or tutorial videos.
  • Notification Show a notice to your readers. People can dismiss the notice to permanently hide it.
  • Count Up Showcase your stats. Display how many customers you have or the number of downloads of your app.
  • Separator A fancy separator to be placed between content.
  • Accordion A title that your visitors can toggle to view more text.
  • Inner Column A single column with advanced layout options.
  • Icon List Item A single list entry in the Icon List block
  • Tab Labels Create interactive navigation within tabs.
  • Tab Content A wrapper for tab panels.
  • Button Add a customizable button.
  • Icon Button Add a customizable button.
  • Advanced Column A single column within an advanced columns block. Get advanced options on how you want your column to look.

Installation

Minimum Requirements

You’ll need WordPress version 6.8.1 or higher for this to work.

FAQ