Layoutic Blocks – essential native blocks, extensions, and patterns for Gutenberg

Layoutic Blocks fills the gaps in the WordPress block editor by providing essential custom blocks and powerful extensions that Gutenberg simply doesn’t include out of the box. Built entirely with native WordPress components, every block feels right at home inside the editor — no bloated libraries, no page builder lock-in.

Whether you’re a freelancer, agency, or site owner, Layoutic Blocks gives you the tools to build richer, more engaging pages without ever leaving the block editor.

Live Demos Visti: GutenLayouts

Blocks Included

Container – A responsive layout container with Flex, Grid, or Block display set per device. Start from a layout variation (Single, Two, Three or Four Columns, Left or Right Sidebar), then control gaps, alignment, min height, content max width, padding, margin, border, position and overflow at every breakpoint. Layer classic, gradient, or video backgrounds with optional Before, Overlay, and After layers, and restyle the whole card on hover — including the colors of the headings, text, links, and buttons inside it.

Carousel – A fully responsive image and content slider built on Swiper, configurable entirely within the editor.

Icon – Insert and style any icon from a curated library, with full color and size controls. Save your own custom SVG icons to a reusable, site-wide My Icons library and reuse them anywhere from the icon picker.

Counter – Animated number counters to highlight stats, milestones, or key metrics.

Progress Bar – Visual progress indicators with customizable labels, colors, and fill levels.

Toggle – Accordion-style content toggle to organize FAQs and collapsible sections cleanly.