Flexa Block – Blocks & Page Builder for Gutenberg

Blocks

This plugin provides 61 blocks.

• Steps Vertical timeline of process steps — each with a numbered, icon or image marker, a connecting line, a title and description, per-status marker accents and light/dark styling.
• Social Icons Linked row of social network icons — official brand artwork or custom light/dark tints per icon, with per-device size, gap, alignment and a hover motion.
• Product Image Show the current WooCommerce product’s images on a single-product page — the featured image with a thumbnail carousel (bottom, left or right) showing a set number of thumbnails per view, a per-device gap, image scale, height or adaptive height, zoom-on-hover, optional autoplay, radius and alignment.
• FAQ Expandable question-and-answer accordion with open-state icons, per-question and answer styling, dividers, light/dark colours and optional FAQ rich-result schema.
• Lottie Animation Play a Lottie animation from an uploaded JSON/.lottie file or a remote URL — with per-device width, height and alignment, loop, speed and reverse options and a play trigger of autoplay, hover, click, scroll or on-view.
• Product Name Show the current WooCommerce product’s title on a single-product page — pick the heading tag, optionally link it to the product, and style typography, colour or gradient, hover colour, stroke, shadow, spacing, background, border, shadow and light/dark colours.
• Before / After Drag-to-reveal image comparison slider — pick a before and an after image, split them horizontally or vertically, and let visitors wipe between the two with a handle or on hover.
• Icon A single SVG glyph — chosen from the icon library or uploaded — with per-device size and alignment, a square, rounded or circle shape, icon and frame colours with hover, and an optional link.
• Breadcrumb Hierarchical breadcrumb trail — auto-built from the current page's ancestors or listed by hand, with a home icon, a chosen separator, link / current / separator colours, per-device typography and optional BreadcrumbList schema.
• Images Gallery Multi-image gallery in a grid, masonry or justified-tiled layout with per-device columns and gap, hover motion, colour or gradient overlay, captions and a prev/next lightbox.
• Google Map Embed a Google Map for any address or place — with a zoom level, per-device height, boxed or full width, background, border, radius, shadow and light/dark styling.
• Timeline Chronological timeline of events — each entry with a title, description, date, an optional image and a marker icon, arranged down a connector line alternating left/right or on a single side, with per-element typography, marker and line styling and light/dark colours.
• Table of Contents Auto-built list of the page's headings with jump links, chosen heading levels, bullet or numbered markers, smooth scroll, an optional collapse toggle and light/dark styling.
• Pricing Table Side-by-side pricing plans — each column carries a name, price, billing period, feature list, a highlighted "most popular" flag and a call-to-action, with an optional monthly/yearly toggle, per-device typography and light/dark colours.
• Container Section wrapper with per-device flex layout, background, borders, spacing and light/dark colors.
• Heading Rich heading with an optional subheading and separator, per-device typography and alignment, light/dark colours, gradient text and text effects.
• Team Member Profile card for one team member — a photo, name, role and bio with linked social icons, the photo placed above, left or right of the text, per-element typography, light/dark colours and hover accents.
• CTA Call-to-action banner — a heading, description and primary plus optional secondary button, arranged centred or split (text one side, buttons the other), with background, border, shadow and light/dark styling.
• Taxonomy List the terms of any taxonomy (categories, tags or custom) as a list, inline row, dropdown or grid — show the post count, include empty terms or the full hierarchy, limit and order them, add an icon or text prefix/suffix and a separator, and style each term chip with light/dark colours, hover, gap and padding.
• Product Details Show the current WooCommerce product’s details on a single-product page as tabs — toggle the Description, Additional information and Reviews tabs, and style the tab titles (normal and active colours, typography, padding, gap) and the content area (typography, colour, padding), with a paginated Reviews list (numbered or load-more), per-element Reviews styling (title, author, date, stars, text) and Additional-information table styling (label/value colours + typography, cell borders and padding).
• Facebook Feed Show the latest posts from a Facebook Page via the Graph API (token kept server-side, cached) — in a grid, list, masonry or carousel, toggle the profile picture, page name, timestamp, post image, message, reactions, comments and shares, link posts back to Facebook, page through the results, and style the card typography and colours.
• Instagram Feed Display recent Instagram media from an access token (fetched server-side and cached) — in a grid, hover-overlay, card or carousel layout with per-device columns, square or original thumbnails, an optional caption, date and profile name, links that open the post, and caption typography and colours.
• Button Call-to-action link styled as a button — inherits your theme's button look, with optional variant, size, icon, colors, hover states and per-device typography.
• Video Popup Play a YouTube, Vimeo or MP4 video in a modal lightbox — triggered by a thumbnail, a button or a text link, with a play icon, aspect ratio, autoplay and a click-to-close backdrop.
• Icon List A list or grid of icon-and-text rows — each with its own glyph, label and link — with the icon before or after the text, per-device columns and gaps, block-level icon styling (size, view, shape, colours with hover, frame) and text typography and colours.
• Info Box Icon or image paired with a prefix, title and description, an optional divider and a call-to-action button. Media sits above or beside the text, with per-device typography, spacing and light/dark colours.
• Data Table Build a responsive data table from your own columns and rows — toggle and style the header, stripe alternating rows, highlight rows on hover and the first column, align each column, set cell borders, padding and typography, and cap the table width so wider content scrolls horizontally.
• Testimonial Single testimonial card – star rating, headline, quote and an author block (avatar, name, role) with per-device typography, spacing, alignment and light/dark colours.
• Grid CSS Grid section that arranges inner blocks into per-device columns and rows, with track gaps, item and track alignment, background, borders, spacing and light/dark colors.
• Image Media image with per-device width and alignment, aspect-ratio lock, object-fit, shape masks, colour/gradient overlay, hover motion, caption and link or lightbox.
• Counter Grid of stat counters that count up when scrolled into view — each with an icon, a prefixed/suffixed number and a label, plus per-device columns, typography, light/dark colours and a per-item box.
• Countdown Live countdown to a target date with selectable day/hour/minute/second units, separators, unit labels, per-device typography, light/dark colours and a completion action.
• Product Price Show the current WooCommerce product’s price on a single-product page — regular price, sale price and currency are pulled straight from WooCommerce (no manual input); you only style it, with a configurable sale position, alignment and separate colour and typography for the regular and sale amounts.
• Star Rating A star rating shown out of a chosen maximum — set the value and range, the star size, gap and marked/unmarked colours, lay it out inline or stacked with an optional title, and expose an aggregateRating schema.
• Slider Carousel of slides with autoplay, loop, transition effects, arrow and dot navigation, per-device slides-per-view and light/dark styling.
• RSS Feed Show the newest entries from any RSS or Atom feed URL as a list or grid — set how many items, cache time and sort order, toggle the thumbnail, title, date, author, source and excerpt, add a read-more link that can open in a new tab, and style the card typography, colours and button.
• Product Rating Show the current WooCommerce product’s average star rating on a single-product page — display stars, a numeric score or both, an optional review count, and style the star size, gap, filled and empty star colours, the numeric-score colour and typography, and the review-count typography and colours.
• Comparison Table Side-by-side plan and feature comparison grid — list your columns (plans) and feature rows, mark each cell with a check, a cross or plain text, spotlight one column and let the table scroll on small screens.
• Tabs Organise content into a horizontal tab bar with optional icons, an underline, pill or boxed tab style, per-tab and content typography, light/dark colours, and a bar that collapses to an accordion on mobile.
• Subscribe Form Newsletter subscribe form built from field child blocks — collects the entry over AJAX and emails it to you, with a submit button, success / error messages, honeypot spam guard and styling for the fields, inputs, button and messages.
• Modal A pop-up dialog opened by a button, text, image or icon trigger and filled with any inner blocks — set the modal width, max-height, padding, background and radius, the overlay colour, the close button, and show-once, click-overlay and press-escape behaviour.
• Progress Bar Animated progress indicator in a line, circle or semi-circle layout — set the value as a percentage or absolute count, show a title and counter, choose fill and track colours (light/dark), a solid or striped fill and an on-scroll fill animation.
• Social Share Row of share buttons that post the current page to Facebook, X, LinkedIn or Pinterest — with per-device size, gap, alignment, a button shape, official brand or custom-tinted icons and a hover motion.
• Separator Horizontal divider line with per-device width, thickness and alignment, a solid/dashed/dotted/double style and light/dark colour.
• Text Rich paragraph with per-device alignment, typography, solid or gradient text colour, hover colour, stroke and shadow effects, blend mode and a drop cap.
• Post Grid Dynamic grid of posts pulled by a query — pick the post type, count, order and taxonomy filter, show or hide the featured image, title, meta, excerpt and read-more button, set per-device columns and image ratio, and page through the results.
• Banner Promotional banner / hero section — a heading, description and call-to-action buttons laid over a colour, gradient or image background with an overlay, a banner min-height and boxed or full width.
• Notice Highlight an announcement, tip or warning — pick an info, success, warning, danger or neutral style, show an icon beside or above the text, add a title and message, align it, and let visitors dismiss it (optionally remembering the dismissal), with per-element typography and light/dark colours.
• Name A text input for a Subscribe Form — with a label, placeholder, required toggle and column width.
• Checkbox A checkbox group for a Subscribe Form — one box for a consent opt-in, or several for a multi-choice list — with a label, required toggle and column width.
• Slide A single slide inside a Slider — holds any blocks, with its own background, padding, content max-width and content alignment.
• Phone A telephone input for a Subscribe Form — with a label, placeholder, required toggle and column width.
• Message A multi-line message input for a Subscribe Form — with a label, placeholder, row count, required toggle and column width.
• Hidden An invisible field for a Subscribe Form that submits a fixed value — handy for tagging entries with a source or campaign.
• Date A date picker for a Subscribe Form — with a label, required toggle and column width.
• Email An email input for a Subscribe Form — with a label, placeholder, required toggle and column width.
• Upload A file-upload input for a Subscribe Form — with a label, accepted file types, multiple-file and max-size options, required toggle and column width. Chosen files are attached to the notification email.
• Select A dropdown select for a Subscribe Form — with a label, a prompt, a list of choices, required toggle and column width.
• Radio A single-choice radio group for a Subscribe Form — with a label, a list of choices, required toggle and column width.
• Website A URL input for a Subscribe Form — with a label, placeholder, required toggle and column width.
• Toggle An on/off switch for a Subscribe Form — with a label, required toggle and column width. Submits "Yes" when switched on.