ShapeBlock - Powerful Gutenberg Blocks to Build Better Websites Faster

ShapeBlock adds 30+ 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 Key Features

• 30+ 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.

Blocks

1. Accordion - Collapsible question and answer sections.
2. Breadcrumb - Shows visitors where they are on the site.
3. Button - Buttons with icons, sizes and hover styles.
4. Client Logo - A grid of client or partner logos with links, grayscale and hover-swap.
5. Column - A column inside a Row, with its own width per device.
6. Countdown - Counts down to a date and time.
7. Counter - Animated number counters.
8. Features List - Feature lists with icons.
9. Filterable List - A list of links with icons, filter buttons that count their items, badges and a search box.
10. Heading - Headings with typography, gradient and highlight options.
11. Hover Box - An image or icon in a circle or square that shows a title and description on hover.
12. Icon Box - Icon, heading and text together, in several layouts, with an optional button (text, icon or icon only).
13. Icon List - A list where each item gets its own icon.
14. Icon - A single icon with colour, size and link.
15. Image Carousel - Several images at once, with centred slides and continuous scrolling.
16. 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.
17. Isotope Filter - A filterable grid with category buttons, an optional search box, and an icon, title, description and badge for each item.
18. Menu - Shows a WordPress navigation menu with layout, alignment and colour options.
19. Offcanvas - Slide-in panels for menus, sidebars or extra content.
20. Post Grid - Posts in grid layouts, with pagination.
21. Pricing Table - Pricing plans with features, badges and a button.
22. Progress Bar - Animated progress and skill bars.
23. Row - A responsive row that holds Column blocks, boxed, full width or a custom width.
24. Scroll Top - A back-to-top button.
25. Search - A search field you can put anywhere.
26. Simple Gallery - An image gallery with spacing and column controls, and a popup with a choice of animations.
27. Slider - A full-width image slider with arrows, dots and autoplay.
28. Social Icon - Linked social icons, coloured all together or one by one.
29. Social Share - Share buttons for the current page.
30. Sticky Stack - Cards that stick as you scroll and stack over one another.
31. Table - Tables with styled headers, rows and cells.
32. Tabs - Tabbed content with icons and a few tab styles to pick from.
33. Team Member - Team members with photo, role and social links.
34. 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. Features Design controls on every block

• Settings, Layout and Style tabs, plus an Advanced tab with padding, margin and a solid or gradient background.
• Typography: font family, size, weight, style, line height, letter spacing, transform and decoration.
• Borders, radius and box shadows.
• A built-in icon picker with search, served from your own site.

Fully responsive

• A desktop, tablet and mobile switcher on sizes, spacing, columns and typography, so each device gets its own value.
• Tablet styles apply up to 1024px and mobile styles up to 767px.
• Padding and margin per device on every block.
• Hide any block on desktop, tablet or mobile from its Responsive panel.
• Tablet and mobile padding and margin for core WordPress blocks too.

Header & Footer Builder

• Header, Footer and Custom Block templates, built in the block editor.
• Include and Exclude display conditions, where Exclude always wins.
• Works with classic and block themes.
• Copy a template's shortcode with one click.

Custom Templates

• Save a layout once and reuse it anywhere with the [shapeblock_template] shortcode.
• Use a template as the content of the Offcanvas block.
• Search, sort, trash, restore and bulk actions in the template list.

Dashboard

• Turn any block on or off, or all at once. A block that's off doesn't load.
• A global container width for the Row block.
• Export and import your settings, Custom Templates and Theme Builder templates as one JSON file. Pick what to import and skip duplicates.

Speed

• Block styles and scripts load only on pages that use the block.
• Styles are generated per block, so two copies of a block can look different.
• All libraries are bundled with the plugin, with no CDN.
• Google Fonts are optional, off by default, and load only the fonts you use.

Other

• Duplicated or pasted blocks get a new ID, so their styles never clash.
• Translation ready, with a .pot file.
• No tracking unless you opt in, and no licence check.
• Deleting the plugin removes its settings and cached data, and keeps your content.

1.0.3

• New: Table - edited in place like the core Table block: type in the cells, add and remove rows and columns from the toolbar, and a new table asks for its column and row count.
• New: Table - add text, heading and image blocks to a cell with its + button, or drag them in. Each cell has its own text colour, background (colour or gradient) and border. Plus fixed width cells and a caption.
• New: Table - sidebar like the core Table: Layout (Default or Stripes) and Style with Global (text colour, background, cell border, typography, padding) for the whole table and Cell for the clicked cell; Icon List blocks in cells.
• New: Pricing Table - the card is made of blocks (Heading, Price, List, Buttons), each edited in place with its own toolbar and settings; drag or add any other block into it. Existing tables keep their content and are converted when opened in the editor.
• New: Pricing Table - choose the feature icon: check, check in a circle, star, arrow or dot.
• New: Pricing Table - a new pricing table asks how many plans (1 to 4) and which style; two or more are added side by side, the same height, buttons in line.
• New: Pricing Table - three styles, Classic, Centered and Dark, each with a preview, and three ready-made pricing patterns in the inserter.
• New: Tabs - each tab's content is blocks: type in it, or add or drag in any block. Tab titles are typed in the tab bar, and the + at its end adds a tab. Existing tabs keep their content.
• Improved: the block inserter puts the cursor in its search box when it opens.
• Fix: Social Share - each network's share page opens in a share window; Instagram, YouTube, TikTok, Snapchat, Discord and Spotify, which have no share link for websites, open the device's share menu or copy the link; and blog, archive and Query Loop pages share the right address.

1.0.2

• New: Row - background image from the Media Library with a focal point, a background overlay, and text, link and heading colours.
• New: Row - typography for everything inside it, per device, and an ARIA label.
• New: Row - Columns per row on desktop, for a grid of equal columns.
• New: Row - select blocks and turn them into a Row (each block in its own column), turn a Group or Columns block into a Row, or Ungroup a Row.
• New: Social Share - three button styles: icon, icon with text, or text only, with editable names.
• New: Social Share - Normal and Hover tabs for the background (colour or gradient), the icon and text colour, and the border.
• New: Hover animations for the Icon, Social Icon and Social Share blocks.
• New: the Container Width can also set the theme's wide width, or its content width too, so core blocks follow it.
• Improved: the Container Width is empty by default and follows the theme until it is set.
• Improved: the General settings page is laid out in two cards.
• Fix: column widths set in px on tablet or mobile now apply on the front end.
• Fix: the Menu block keeps the selected menu when the editor reloads.
• Fix: Menu dropdown link padding no longer reaches into the links of a dropdown's content.
• Fix: the editor no longer forces the Container Width onto all page content.

1.0.1

• New: Filterable List block - links with icons, filter buttons with item counts, badges and a search box.
• New: Isotope Filter - an optional search box beside the filter buttons, with a line below them.
• New: Row - a Custom content width, set per device.
• New: Icon Box - an optional button (text, text with icon, or icon only with its own size).
• New: Image Comparison - Before / After labels, a corner-to-corner direction and more handle styles.
• New: Simple Gallery - popup animations.
• New: Post Grid - more style and hover options, laid out more clearly.
• New: a gradient option on background colours.
• New: Theme Builder templates offer Wide and Full alignment in every theme.
• Fix: column widths in a Row now add up correctly whatever the number of columns, and a gap of 0 works.
• Fix: Row margin now applies in the editor and is no longer lost to the order stylesheets load in.
• Fix: colours can be cleared again, and Post Grid colour changes show in the editor.

1.0.0

• Initial release.