Stackable Premium

Build pages with Stackable in Gutenberg

Stackable Premium extends Stackable, a WordPress block extension that turns the Block Editor into a page-building workflow. Choose from custom blocks and ready-made layouts, then use shared styling controls to style sections across your website. Stackable works with other block extensions and should work with any theme; a block theme is recommended for the best experience. It works with Gutenberg.

Set a shared visual style

The Global Design System collects color schemes, typography, spacing, borders, buttons, and icons in one place so you can apply consistent settings across your site. It can inherit styles from a block theme and works with Theme.json. The Pattern Library, design library, and full-page templates provide starting layouts, including hundreds of ready-made designs, dozens of page templates, block layouts, and shape separators.

Choose blocks for each layout

Stackable includes 42 custom WordPress blocks. Common page components include columns, headings, text, images, buttons, icons, cards, accordions, tabs, posts, pricing, and calls to action. Specialized blocks include carousels, timelines, countdowns, maps, progress indicators, and video popups. Enable the blocks you use and disable those outside your workflow.

What Premium includes

Dynamic content lets you customize query loops, use site custom fields, and conditionally show blocks. Premium integrations include WooCommerce, Advanced Custom Fields, Meta Box, and JetEngine. For agency workflows, the Block CSS Customizer and Role Manager provide tools for customizing block CSS and managing editing access.

Motion effects include scroll and entrance animations, plus transform and transition effects. Premium also adds Load More and Pagination blocks for the Blog Posts Block.

Start a Gutenberg workflow

1. Select a ready-made design, page template, or block layout.
2. Build the page with Stackable blocks and adjust shared styles through the Global Design System.
3. Add dynamic content or a supported integration where the project calls for it.
4. Enable the blocks you need and refine the page in Gutenberg.