Stackable Gutenberg Blocks

The demo pages linked for these blocks are excellent.
Any subjective notes on these block are our opinions and others may not agree. All features for various blocks may not have been tested here.

• https://wpstackable.com/
• https://wpstackable.com/documentation/
• Probably our favorite set of blocks tested so far.

---

Container Block

• Allows you to combine different blocks in a single row.
• You can change the container layout and size to different configurations.
• Options: border, background (solid, gradient, image, video), animations, colors, height.
• Fixed background makes it a parallax block (may not work on some mobile devices).
• Add almost any blocks to the container.

---

Separator Block

• Aallows you to add gorgeous transitions between sections on your page.
• Choose from different shape dividers.
• 10 shape options, variable height and colors.
• Looks good inside a container, see container above.

---

Posts Block

• Show your latest blog articles.
• Options: information to be displayed, accent color, order, layout, animations
• Display is more attractive if posts have images, see demo
• Is responsive

---

Feature Grid Block

• Allows you to showcase several features in a stylized layout.
• Good for a portfolio, products, service, and more.
• Options: text color, image size, shadow, columns; style, color, size and icons for buttons,
• Not as many options as I would like, like heading and text size and alignment, background colors.
• Is responsive

---

Accordion Block

• Display information in collapsible rows
• Can be used to display text heavy content such as FAQs or to manage the display of different content in your page.
• Attractive when inside a section block with a background, see demo page.
• Options: title background color, 2 styles, text color, animations

Image Box Block

• Create a gallery of images
• Up to 4 columns
• Custom links with optional arrow on image
• Captions: 3 options for location over image
• Can change image height but not width
• Not sure why images run together on laptop, no option for margins or padding
• Is responsive

---

Feature Block

• Display a large section with a photo, title, description, and button.
• Options: image size, layout, text and button colors, animations
• Supposed to have background options (see demo page), but none showed up so could put in a container block with a background.

---

Icon List Block

• Create bulleted lists using different icons: 5 icons with 3 styles each
• Create checklists, feature lists, ec
• Options: colors, size, columns, spacing, animations

---

Call to Action Block

• Background can be color, gradient, image or video
• Button options: color, size, shape

---

Card Block

• Elegantly display information and photos to showcase your portfolio, team photos, services, and more.
• Options: 2 styles, background color, text colors, corners, animations; button color, size, style, icons.
• No option for font size.
• Put in a section for more artistic display.
• Put in columns for multiple cards, see demo page.
• On phone image is cut off.

---

Header Block

• Design a header, see demo page
• Background options: images, video, color, gradient, fixed (parallax)
• You can include a brief description and a call to action button.
• Full width cut off top of image, no font options for size or font.
• To delete button need to delete text in button.
• On phone image is cut off but all of the text shows.

---

Count Up Block

• Show interesting and notable stats on your page in up to 4 columns.
• It will count up from 0 to your designated number when the page is opened.
• Not synched with anything so need to edit as numbers change
• Background option: color, gradient, image, video, fixed (parallax)
• Is responsive

---

Video Popup Block

• Display a thumbnail to play a full-screen video from YouTube of Vimeo.
• View the video in a pop-up window.
• Background options: color, gradient, image, video.
• Put in a section or column if want smaller or want some text, see demo page.

---

Pricing Box Block

• Display pricing options detailing plans, prices, inclusions, and more in up to 3 columns.
• Good for comparing different tiers and product promos, or for food menu items.
• Can include an image in each column, see demo page.
• Each column can have a different color background.
• Is responsive

---

Testimonial Block

• Display testimonials about your business or services in up to 3 columns.
• Options: background color, text colors, box radius and shadow, animations
• Put in a section block for more artistic effects, see page demo.

---

Team Members Block

• Introduce the individuals in your team in up to 3 columns.
• Options: box radius and shadow, text colors, image shape, animations
• No background colors, no social media links like some other team blocks have.
• Put in section block for more artistic display, see demo page.
• Is responsive.

---

Notification Block

• Displays temporary and easily dismissible notices, warnings, or information banners.
• Options: background and text colors, animations (this one is set to flash)
• Types of notices: success, warning, error, information. No difference between them except default background color.
• Can be made dismissible, puts x in the corner to permanently hide it.

---

Number Box Block

• Allows you to display information that is best showcased with numeric figures in up to 3 columns.
• Good for displaying steps in a process, different product options, different service plans, different product features and more, see demo page.
• Options: background and text colors, box radius and shadow, animations.
• Can change numbers or make them letters, see demo page.
• Is responsive.

---

Blockquote Block

• Highlight significant parts of a post or page.
• 9 quote icon styles.
• Options: quote and text colors, quote icon size, animations.
• More options with premium version.
• Put inside a section for more artistic display, see demo page.

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block. Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

---

Button Block

• Choose from different button types – regular, ghost, plain text and link.
• Options: colors, shape, size, animations
• Up to 3 buttons in a row with premium version, see demo page

---

Expand / Show More Block

• Show a small excerpt before showing the complete text so you don’t bombard your visitors with information.

---

Divider Block

• Simple divider.
• Options: color, height, width, animations

---

Spacer Block

• Add spaces between any two blocks, with variable height.