ShapeBlock – Powerful Gutenberg Blocks to Build Better Websites Faster

ShapeBlock adds 36 blocks to the WordPress block editor, plus a Header & Footer Builder.

Every block has the same three tabs: Settings for the content, Layout for columns, alignment and spacing, and Style for colours, typography, borders, shadows and hover effects. Sizes, spacing and columns can be set separately for desktop, tablet and mobile.

Demo | Docs | Roadmap | Upgrade to Pro

Key Features

• 66+ blocks for layouts, content, media, navigation and marketing.

• Header & Footer Builder with Include and Exclude display conditions, for classic and block themes.

• Fully responsive – separate desktop, tablet and mobile values, and hide any block per device.

• Full design control – typography, gradients, borders, shadows, spacing and a built-in icon picker.

• Custom Templates – build a layout once and reuse it anywhere with a shortcode.

• Lightweight – each block loads its files only on pages that use it, and unused blocks can be switched off.

• Export & Import – move your settings and templates between sites in one file.

• Privacy friendly – no tracking unless you opt in, no CDN, and Google Fonts stays off until you turn it on.

Want more? Upgrade to ShapeBlock Pro

Upgrade to ShapeBlock Pro

ShapeBlock Pro adds 29 more blocks ( 65 blocks with the free ones), plus 8 animation blocks, 3 WooCommerce blocks, 2 builders and 8 extensions:

• Theme Builder – design single posts, pages, archives, search results and the 404 page with 13 dynamic blocks.

• Popup Builder – popups built with blocks, opened on page load, on scroll, on exit intent or on a click.

• Mega Menu – wide dropdown panels built from any blocks.

• WooCommerce Builder – your own product, shop, cart and checkout pages, plus Product Grid and Product Carousel.

• Motion Effects – entrance, scroll and mouse animations for any block.

• 8 animation blocks – Animation Title, Typewriter, Rotating Text, Scroll Text, Horizontal Scroll and more.

• Display Conditions – show or hide any block by user, role, date, time, page or device.

• Image Hotspot, Flip Box, Hero Slider, Timeline, Advanced Data Table and more Pro blocks.

36 Free Blocks

• Accordion – Collapsible question and answer sections.

• Breadcrumb – Shows visitors where they are on the site.

• Button – Buttons with icons, sizes and hover styles.

• Client Logo – A grid of client or partner logos with links, grayscale and hover-swap.

• Column – A column inside a Row, with its own width per device.

• Countdown – Counts down to a date and time.

• Counter – Animated number counters.

• Drop Caps – A paragraph that opens with a large first letter, plain, in a box, outlined or as an outlined letter, with optional newspaper columns.

• Features List – Feature lists with icons.

• Filterable List – A list of links with icons, filter buttons that count their items, badges and a search box.

• Google Map – A Google map of one place or several, with a list of the places, directions links and a gray, dark or warm look.

• Heading – Headings with typography, gradient and highlight options.

• Hover Box – An image or icon in a circle or square that shows a title and description on hover.

• Icon Box – Icon, heading and text together, in several layouts, with an optional button (text, icon or icon only).

• Icon List – A list where each item gets its own icon.

• Icon – A single icon with colour, size and link.

• Image Carousel – Several images at once, with centred slides and continuous scrolling.

• Image Comparison – Before / after images with a draggable handle – side by side, top and bottom, or corner to corner – with labels and several handle styles.

• Isotope Filter – A filterable grid with category buttons, an optional search box, and an icon, title, description and badge for each item.

• Menu – Shows a WordPress navigation menu with layout, alignment and colour options.

• Offcanvas – Slide-in panels for menus, sidebars or extra content.

• Post Grid – Posts in grid layouts, with pagination.

• Pricing Table – Pricing plans with features, badges and a button.

• Progress Bar – Animated progress and skill bars.

• Row – A responsive row that holds Column blocks, boxed, full width or a custom width.

• Scroll Top – A back-to-top button.

• Search – A search field you can put anywhere.

• Simple Gallery – An image gallery with spacing and column controls, and a popup with a choice of animations.

• Slider – A full-width image slider with arrows, dots and autoplay.

• Social Icon – Linked social icons, coloured all together or one by one.

• Social Share – Share buttons for the current page.

• Sticky Stack – Cards that stick as you scroll and stack over one another.

• Table – Tables with styled headers, rows and cells.

• Tabs – Tabbed content with icons and a few tab styles to pick from.

• Team Member – Team members with photo, role and social links.

• Testimonial – Testimonials in three styles, with ratings, quote icons and logos.

Header & Footer Builder

Build your header and footer in the block editor – no child theme and no PHP. Then pick where each one shows up with display conditions: Entire Site, Front Page, All Pages, All Posts, All Archives, Search Results, 404 Page, or specific pages and posts. Any condition can be set to Include or Exclude.

It works with classic and block themes. Pages that match none of your conditions keep the theme’s own header and footer. There’s also a Custom Block type you can place anywhere with the [shapeblock_builder] shortcode.

ShapeBlock Pro

Everything above is free and stays free. ShapeBlock Pro is a separate add-on that works on top of this plugin. It adds 29 blocks, 8 animation blocks, 3 WooCommerce blocks, 2 builders and 8 extensions.

Pro Blocks (29)

• Advanced Accordion – sections that hold any blocks.

• Advanced Button – buttons with eight hover animations.

• Advanced Data Table – sort, search and page through a table.

• Clients Logo Slider – logos in a carousel or endless marquee.

• Comparison Table – plans side by side with ticks and prices.

• Flip Box – a box that turns over on hover.

• Hero Slider – full-width slides with heading and buttons.

• Image Hotspot – markers on an image that open popups.

• Masonry Gallery – photos packed into tight columns.

• Mega Menu – wide dropdown panels built from blocks.

• Post Carousel – posts as cards in a slider.

• Price Menu – names, prices and short descriptions.

• Rating – stars, a score and a short note.

• Team Member Carousel – your team in a sliding row.

• Timeline – a story step by step along a line.

• Video Player – YouTube, Vimeo or your own video, inline or popup.

• Post Title – the title of every post (Theme Builder).

• Featured Image – the featured image of every post (Theme Builder).

• Post Content – the text and blocks of every post (Theme Builder).

• Post Excerpt – a short summary of every post (Theme Builder).

• Post Meta – author, date, categories and comments (Theme Builder).

• Post Categories / Tags – the terms of every post (Theme Builder).

• Author Box – the author with photo and bio (Theme Builder).

• Post Pagination – links to the previous and next post (Theme Builder).

• Post Comments – comments and the comment form (Theme Builder).

• Related Posts – more posts from the same category (Theme Builder).

• Archive Title – the title of blog and category pages (Theme Builder).

• Archive Description – the description of a category or tag (Theme Builder).

• Archive Posts – the posts of a blog, category or search page (Theme Builder).

Animation Blocks (8)

• Animation Title – rotating words, drawn highlights and entrance effects.

• Animation Text – text that comes in letter by letter.

• Typewriter Effect – words that type themselves.

• Rotating Text – text turning in a circle.

• Scroll Text – big text that slides as you scroll.

• Image Reveal Effect – an image uncovered by a curtain.

• Image Scroll Trigger – an image that zooms or moves on scroll.

• Horizontal Scroll – a row that moves sideways on scroll.

WooCommerce Blocks (3) – need WooCommerce

• Product Grid – your products in a grid.

• Product Carousel – your products in a slider.

• WooCommerce Builder – product, shop, cart and checkout pages from 15 blocks.

Builders & Extensions (10)

• Theme Builder – Single Post, Page, Archive, Search and 404 templates.

• Popup Builder – popups built with blocks, on load, scroll, exit or click.

• Motion Effects – entrance, scroll and mouse animations for any block.

• Display Conditions – show or hide blocks by user, date, page or device.

• Parallax Background – a row background that moves slower than the page.

• Copy Style – copy one block’s look and paste it on others.

• Preloader – a loading screen, with your own logo.

• Scroll to Top – a back-to-top button on every page.

• Smooth Scrolling – gliding scroll and a styled scrollbar.

• Custom Cursor – a dot and ring that follow the mouse.

Also in Pro: Post Grid Filter adds category tabs, Load More and infinite scroll to the free Post Grid.

Get ShapeBlock Pro

Upgrade to ShapeBlock Pro

External services

ShapeBlock connects to an outside service only in the cases below.

Google Fonts (optional, off by default)

Only after you turn it on under ShapeBlock > General: fonts load from Google, which receives the visitor’s IP address. By Google LLC: Terms of Service, Privacy Policy.

Appsero (only if you allow it)

Only if you click Allow: site URL, admin email, versions, theme and server IP (via icanhazip) are sent weekly; a deactivation reason only on Submit & Deactivate. Appsero Privacy Policy, icanhazip FAQ.

Gravatar (Post Grid author picture)

Post Grid author pictures load from Gravatar, which receives the visitor’s IP. : Terms of Service, Privacy Policy.

Google Maps (Google Map block)

The Google Map block loads from Google Maps, which receives the visitor’s IP. By Google LLC: Terms of Service, Privacy Policy.

Social Share and Social Icon links

Plain links; nothing is sent until a visitor clicks one.

Source code and build process

Every compiled file in the plugin ships with its readable source right beside it, except the Menu block, which is written by hand and has no build step:

• Blocks: includes/public/blocks/<block>/src/, built into the build/ folder next to it. The Menu block is hand-written in includes/public/blocks/menu/build/ and has no build step.

• Admin dashboard: src/ in the plugin root, built into build/.

• Stylesheets: assets/css/style.scss, includes/public/assets/css/public.scss and assets/lib/bootstrap/bootstrap-grid.scss, each built beside its source.

Built with @wordpress/scripts and Dart Sass. json ).

Credits

ShapeBlock is licensed GPLv2 or later and includes these MIT-licensed libraries:

• Swiper 12.0.3 (https://swiperjs.com) – assets/lib/swiper/LICENSE, unmodified release files.

• Bootstrap 5.3 grid (https://getbootstrap.com) – assets/lib/bootstrap/LICENSE, only the grid, recompiled with a shapeblock- prefix.

• Ant Design 6 and Ant Design Icons (https://ant.design) – assets/lib/antd/LICENSE, used only in the admin dashboard.

• Bootstrap Icons 1.13.1 (https://icons.getbootstrap.com) – includes/public/assets/font/bootstrap-icons-LICENSE.txt, the icons of the built-in icon picker.

• Appsero Client 2.0 (https://github.com/Appsero/client) – includes/appsero/LICENSE, the opt-in usage data client described under External services.

com). txt.