Blockenberg vs Grids

Blockenberg is an advanced Gutenberg block library with 600+ lightweight, professional blocks for WordPress. Build landing pages, business sites, blogs, documentation, comparison pages, review content, interactive tools, and rich editorial layouts faster — all inside the native block editor. Instead of combining multiple block plugins, Blockenberg gives you one consistent toolkit with shared design controls, responsive settings, modern styling options, and performance-focused frontend output. Block categories include: – Layout & page building: sections, rows, columns, hero areas, bento grids, feature layouts, comparison sections, pricing layouts, and conversion-focused page sections. – Content & editorial: accordions, blockquotes, styled lists, timelines, FAQs, article series, glossary-style content, reading blocks, and structured content modules. – Marketing & conversion: call-to-action blocks, pulsing buttons, countdowns, announcement bars, trust bars, promo sections, coupons, pricing sliders, and lead-generation layouts. – Media & interactive: Google Maps, YouTube and Vimeo performance embeds, video popup buttons, before/after sliders, marquees, carousels, logo showcases, sliders, and interactive cards. – Social proof & business: team members, testimonials, star ratings, review boxes, business hours, contact blocks, logo carousels, contributor boxes, and profile-style blocks. – Charts, calculators & utility tools: data tables, progress bars, counters, charts, planners, converters, calculators, comparison tools, and other interactive widgets. From simple content blocks to advanced interactive elements, Blockenberg is built for speed, accessibility, and everyday real-world publishing. Key Features: – 600+ blocks covering page building, content, marketing, media, business, charts, utilities, and more – Consistent controls for colors, typography, spacing, borders, shadows, layout, and responsiveness – Accessibility-first design with keyboard support and thoughtful frontend behavior – Performance-focused output with lightweight frontend assets and modern interaction patterns – Built with standard WordPress components for a native block editor experience – Works with modern themes and supports a wide range of site types and niches All Blocks by Category Every Blockenberg block is listed below so users can quickly scan the full library by use case. Layout & Landing Pages (52) Build polished page structures, hero sections, and flexible layouts for high-converting websites. About Section, Announcement Strip, Bento Grid, Brand Kit, Browser Mockup, Card Carousel, Card Deck Slider, Card Stack, Column, Dark Hero, Dual Heading, Gradient Border Card, Gradient Hero, Gradient Section, Highlight Section, Hover Card, Icon Box, Icon Cloud, Icon Feature Grid, Image Box, Image Cards, Image Overlap Text, Image Text Rows, Info Cards, Liquid Glass Cards, Location Cards, Marquee, Marquee Cards, Masonry Grid, Media Text, Mixed Heading, Noise Section, Number Box, Page Header, Parallax Depth Cards, Parallax Section, Photo Card, Rich Columns, Row, Section, Section Intro, Shape Divider, Skewed Section, Split Hero, Split Panel, Split Screen, Split Text, Step Cards, Sticky Scroll, Sticky Two Col, Text Columns, Use Case Section Content & Editorial (79) Publish richer articles, stories, reference content, and editorial enhancements with ease. Accordion, Accordion Table, Address Card, Article Header, Article Series, Author Box, Author Profile, Bio Card, Blockquote, Book Review, Book Shelf, Callout, Chapter Intro, Chapter Navigation, Chat Bubble, Checklist, Comparison Guide, Comparison Table, Content Box, Content Outline, Content Score, Content Slider, Content Ticker, Content Warning, Contributor Box, Debate Block, Definition Block, Dynamic Date, Expert Roundup, Fact Check, Footnotes, Highlight Reel, Horizontal Timeline, Icon Accordion, Icon List, Interview Block, Key Takeaways, Link Card, Link List, Link Preview, Link Roundup, Listicle, Media Quote, Message Thread, Numbered List, Opinion Box, Podcast Episode, Post Carousel, Post Grid, Post Meta, Post Slider, Press Release, Pros & Cons, Pullquote Pro, Quote Collection, Read More, Readability Score, Reading Card, Reading List, Reading Notes, Reading Time, Related Posts, Research Brief, Resource Links, Review Box, Show Notes, Sidenote, Sources References, Spoiler, Story Section, Styled List, Table of Contents, Tag Cloud, Tag List, Text Comparison, Text Divider, Timeline, TLDR Box, Verdict Box Marketing & Conversion (68) Turn traffic into leads with CTAs, promo sections, signup flows, and conversion-focused blocks. Affiliate Box, Affiliate Disclosure, Affiliate Section, App Download, App Screenshot, Call to Action, Card CTA Grid, Click to Tweet, Coming Soon, Comparison Cards, Comparison Checklist, Comparison Matrix, Comparison Section, Confetti Button, Contact Card, Contact Form, Contact Info, Contact Section, Content Lock, Content Upgrade, Countdown, Countdown Progress, Creative Button, CTA Band, CTA Countdown, CTA Pulsing Button, Demo Section, Ebook Section, Feature Alternating, Feature Announcement, Feature Columns, Feature Grid, Feature List, Feature Request, Feature Showcase, Feature Split, Feature Tabs, Feature Video Tabs, Floating CTA, Gradient CTA, Guarantee Section, How It Works, Integration Wall, Launch Waitlist, Lead Magnet, Link in Bio, Media Kit, Multi Step Form, Newsletter, Newsletter Popup, Newsletter Section, Objection Handler, Persona Section, Phone Button, Popup, Problem Solution, Promo Banner, Results Section, Rotating Banner, Social Share, Split Benefits, Split CTA, Split Form, Sponsored Disclosure, Spotlight Card, Trust Bar, Value Proposition, Webinar Section Media & Visuals (44) Showcase images, video, embeds, and immersive visuals that make every page more engaging. Audio Player, Background Video, Before & After, Before & After Grid, Content Flip Box, Device Mockup, Drawing Canvas, Embed, Embed Preview, Filter Gallery, Gallery Showcase, Google Map, Hotspot Image, Hovering Image Stack, Image Accordion, Image Collage, Image Filter, Image Gallery, Image Magnifier, Image Mask, Image Placeholder, Image Reveal, Image Slider, Lightbox Gallery, Lottie, Open Graph Preview, PDF Embed, Perspective Device, Rotating Image Tiles, Scroll Reveal, Scroll Sticky Content, Scrollytelling, Sticky Video, Thumbnail Gallery, Tilt Card, Vertical Scroll Image, Video Facade, Video Grid, Video Hero, Video Playlist, Video Popup, Video Section, Weather Widget, World Map Navigation & Site Experience (45) Improve discovery, usability, and on-page flow with smarter navigation and interface tools. Alert, Breadcrumbs, Business Hours, Button Group, Calendar, Category Grid, Content Menu, Cookie Consent, Dark Mode Toggle, Error Page, FAQ Categories, Filterable Cards, Floating Tags, Icon, Mega Footer, Mega Menu, Minimal Footer, Modal, Notification Bar, Notification Feed, Notification Toast, Off Canvas, One Page Nav, Page List, Pagination, Post Navigation, Print / PDF Button, Progress Bar, Progress Circle, Progress Tracker, QR Code, Reading Progress, Scroll to Top, Search Bar, Separator, Side Menu, Step Progress, Sticky Header, Sticky Note, Sticky Sidebar, Tabs, Taxonomy List, Toggle, Tooltip, User Field Data, Charts & Analytics (61) Present metrics clearly with charts, dashboards, comparisons, and visual reporting blocks. Area Chart, Bar Chart, Big Stat, Box Plot, Bubble Chart, Bullet Chart, Bump Chart, Candlestick Chart, Chord Diagram, Count Up, Creative Stats Waterfall, Data Table, Diverging Bar, Dot Plot, Doughnut Chart, Dumbbell Chart, Floating Stats, Funnel Chart, Gantt Chart, Gauge Chart, Heat Map, Heatmap Calendar, Histogram Chart, Icon Stats, KPI Tiles, Line Chart, Lollipop Chart, Marimekko Chart, Metric Cards, Metric Comparison, Mixed Chart, Network Diagram, Pictograph, Pie Chart, Polar Chart, Population Pyramid, Radar Chart, Radial Bar, Sankey Diagram, Scatter Chart, Scatter Plot, Slope Chart, Speedometer, Stacked Area, Stats Counter, Stats Section, Step Chart, Stock Ticker, Sunburst Chart, Survey Results, Tech Radar, Timeline Chart, Treemap Chart, Venn Diagram, Vimeo Performance, Violin Plot, Waffle Chart, Waterfall Bar, Waterfall Chart, Word Cloud, YouTube Performance Calculators & Generators (70) Offer practical tools, calculators, converters, and generators visitors can use instantly. Age Calculator, Analog Clock, Aspect Ratio Calculator, Barcode Generator, BMI Calculator, Body Fat Calculator, Break Even Calculator, Budget Planner, Calorie Calculator, Carbon Footprint Calculator, Color Converter, Color Harmony, Color Mixer, Color Palette, Color Swatch, Color Thief, Color Tokens, Compound Interest Calculator, Contrast Checker, Currency Converter, Date Difference, Debt Payoff Calculator, Discount Calculator, Electricity Cost Calculator, Expense Tracker, Font Scale, Fuel Calculator, GPA Calculator, Grade Calculator, Gradient Generator, Heart Rate Calculator, Ideal Weight Calculator, Invoice Calculator, Loan Affordability, Loan Calculator, Lorem Ipsum Generator, Macro Calculator, Margin Calculator, Meeting Cost Calculator, Morse Code Converter, Mortgage Calculator, Net Worth Calculator, Number Base Converter, Pace Calculator, Percentage Calculator, Pomodoro Timer, Price Calculator, Recipe Scaler, Retirement Calculator, ROI Calculator, Roman Numeral Converter, Salary Calculator, Savings Calculator, Scientific Calculator, Sleep Calculator, Speed Calculator, Split Bill Calculator, Statistics Calculator, Stopwatch, Tax Calculator, Text Case Converter, Time Duration Calculator, Time Zone Converter, Tip Calculator, Typing Speed Test, Unit Converter, Water Intake Calculator, Word Counter, Word Frequency, World Clock Interactive & Creative (52) Add motion, play, interaction, and eye-catching creative effects across the site. 2048 Game, 3D Text, Age Gate, Animated Text, Bingo Card, Bracket, Comparison Swipe Wall, Cursor Spotlight, Dice Roller, Family Tree, Flip Card, Flip Countdown, Glitch Text, Gradient Blob, Gradient Text Animator, Handwriting Text, Holographic Card, Interactive Gradient Mesh, Interactive Image Sheen, Interactive Poll, Interactive Steps, Kinetic Text, Magnetic Button, Matrix Rain, Meme Generator, Memory Game, Morphing Text, Mouse Trail, Neon Text, Particle Text, Pixel Art, Random Picker, Reaction Bar, Reveal Swipe Cards, Snake Game, Spin Wheel, Split Flap Display, Spotlight Reveal, Styled Text Builder, Sudoku, Tetris, Text Gradient, Text Highlight, Text Path, Text Reveal Scroll, Text Stroke, Tic Tac Toe, Trivia Game, Typing Effect, Unfold, Word Flip, Word Scramble Commerce & Pricing (19) Support offers, pricing, product presentation, and purchase decisions with sales-ready blocks. Booking Form, Coupon, Nutrition Label, Offer Card, Payment Methods, Price List, Pricing Section, Pricing Slider, Pricing Switcher, Pricing Table, Product 360, Product Card, Product Roundup, Product Showcase, Product Spec, Product Tour, Restaurant Menu, Size Guide, Split Price CTA Social Proof & Testimonials (35) Build trust fast with reviews, testimonials, logos, proof bars, and credibility sections. Avatar Group, Awards, Badge Wall, Case Study, Certification Wall, Client Showcase, Community Section, Customer Results, Founder Quote, Logo Carousel, Logo Grid, Logo Ticker, Logo Wall, Media Coverage, Press Kit, Rating Summary, Review Schema, Review Showcase, Social Feed, Social Links, Social Proof Bar, Social Proof Popup, Social Proof Section, Social Stats, Speaker Lineup, Split Testimonial, Star Rating, Testimonial Carousel, Testimonial Featured, Testimonial Grid, Testimonial Inline, Testimonial Marquee, Testimonial Wall, Testimonials, Video Testimonial Documentation & Developer Tools (31) Document products and workflows with code, technical references, and developer-friendly utilities. API Reference, Base64 Encoder, Binary Text Converter, Changelog, Clipboard Copy, Code Block, Code Comparison, Code Playground, Code Tabs, Commit History, Cron Builder, File Download, File Tree, GitHub Card, Hash Generator, JSON Formatter, Keyboard Shortcut, Markdown Preview, Password Generator, Password Strength Meter, Regex Tester, Release Notes, Status Page, Tech Stack, Terminal Mockup, Text Analyzer, Tool Card, Troubleshooting Guide, Update Notice, URL Encoder, UUID Generator Learning & Knowledge (23) Create structured educational, FAQ, and knowledge-driven experiences for readers and customers. Certificate, Content Switcher, Course Curriculum, Course Lesson, FAQ Accordion, FAQ Chat, FAQ Grid, FAQ Schema, FAQ Search, FAQ Section, Flashcard, Glossary, HowTo Schema, KB Article, Knowledge Check, Learning Path, Lesson Objectives, Mind Map, Quiz, Recipe Card, Resource Hub, Study Notes, Tutorial Card Business, Teams & Events (39) Highlight teams, services, operations, careers, and event content in a professional way. Bio Section, Daily Schedule, Decision Matrix, Decision Tree, Email Signature, Event Agenda, Event Card, Event Debrief, Event Recap, Event Speaker, Job Listing, Job Openings, Kanban Board, Meeting Recap, Milestone, OKR Tracker, Onboarding Steps, Org Chart, Portfolio Grid, Project Brief, Resume, Roadmap, Salary Guide, Service Cards, Service Details, Service Process, Services Showcase, Skill Bar, Skill Rings, Skills, Sprint Retrospective, SWOT Analysis, Team Card, Team Members, Team Slider, Ticket Stub, Values Circle, Vision Mission, Week Schedule Keywords Gutenberg, blocks, editor, custom-blocks, page-builder, accordion, business hours, countdown, data table, team members, testimonials, logo carousel, before/after slider, youtube embed, vimeo embed, marquee, announcement bar, progress bar, stats counter, b, bl, blo, bloc, block, g, gu, gut, gute, guten, gutenb, gutenbe, gutenber, layout blocks, timeline, responsive, customizable, accessible, performance, lightweight, modern, professional, WordPress,

👉 For more information about the plugin, visit the documentation website. A layout builder is a tool that helps you creating visual structures in your page, from a simple layout made by adjacent columns, to more complex compositions. Grids is entirely based on the WordPress block editor, which means that you’ll be able to use it together with the myriad of content blocks that developers and designers from all around the World are creating. With Grids, we’re bringing a visual structure to the content written with the WordPress Block Editor. 👉 Sections & areas A Section is a portion of the page that aims at being visually distinct from the rest of the content. Sections are usually top-level blocks that you add one after the other; the sequence of sections is what makes your page layout. Each Section that you create is composed by several different Areas. In their most basic form, you can think of Areas as columns, which are nothing else than containers for content blocks. For more elaborated compositions, the Grid Designer allows you to create exactly the grid structure you want within the boundaries of a Section, by using CSS Grid. 👉 Want to know more? Read the plugin documentation! 👉 https://justevolve.it/grids/documentation/ 👉 Still struggling? That may depend on one of the known issues 👉 https://justevolve.it/grids/documentation/known-issues/ 👉 1.3.12 FIX: Prevented admin assets from being enqueued on the frontend. 👉 1.3.11 FIX: Message regarding translations being loaded too early FIX: Styles and scripts correctly load in the editor iframe FIX: Compatibility with WordPress 6.9 👉 1.3.10 FIX: Compatibility issues with WordPress 6.4 👉 1.3.9 FIX: Security fix. 👉 1.3.8 FIX: Fixed display settings functionality for sections and areas. 👉 1.3.7 FIX: Fixed a fallback variable issue for Sections and Areas background. 👉 1.3.6 FIX: Fixed an issue with the margins, paddings association on different media queries. FIX: Fixed background repeat and position default behavior on frontend. 👉 1.3.4 & 1.3.5 FIX: Synced row dimension logic on frontend/backend: empty rows will collapse also on the Block Editor screen. 👉 1.3.3 FIX: Fixed 500 error that occurred when using wide-aligned sections. 👉 1.3.2 FIX: Changed the grid column declaration to minmax(0,1fr) in order to prevent grid blowout. FIX: Fixed nested sections issues. 👉 1.3.1 FIX: Reverted row dimension logic: in Sections created with the advanced editor, empty rows will collapse. 👉 1.3.0 ENHANCEMENT: Added compatibility with the Full Site Editor. ENHANCEMENT: Enhanced compatibility with single page application websites. FIX: Fixed style being applied to nested sections. Updated compatibility to WordPress 5.9. POSSIBLY BREAKING CHANGES: In this version, we have removed the global page setting that allowed for the editor area to be wider when editing a page with the Block Editor. We feel that this should be better handled by the theme itself, especially if it supports the Full Site Editing mode. We have also removed the global page setting that determined the horizontal gutter between areas. This is now handled individually by Section blocks (look for Gap settings). As before, both horizontal and vertical gaps are subject to media queries. We have removed the grids-s-$section_id and grids-a-$area_id classes from their respective elements, since they were no longer needed to generate the element’s style. If you need to specifically identify a section or area, you can use their custom class/anchor controls provided by the Block Editor. 👉 1.2.28 ENHANCEMENT: Added the ability to specify the types of blocks allowed in content areas of a section through the grids/area filter. ENHANCEMENT: Added the ability to specify the size units used in Grids, as well as the default size unit suggested by the editor, through the grids/general filter. FIX: Removed unwanted log to console. Updated compatibility to WordPress 5.7. 👉 1.2.27 FIX: Fixed an issue that occurred when editing custom-created sections and affected previously created areas. FIX: Fixed an issue that prevented post meta to be saved when using Grids with a Custom Post Type. 👉 1.2.26 FIX: Added compatibility with WordPress 5.6 and the latest version of the Gutenberg plugin. 👉 1.2.25 FIX: Minor backend UI fix. FIX: Fixed the dimensioning of blocks in content areas on frontend. 👉 1.2.24 Enhanced support for AJAX-powered content pages. 👉 1.2.23 FIX: Fixed React warnings and errors that occurred when the SCRIPT_DEBUG constant was set to true. FIX: Fixed section styling when in preview mode. FIX: Removed double scrollbar when dragging areas. 👉 1.2.22 FIX: Increased compatibility with WordPress 5.4. 👉 1.2.21 FIX: Fixed a bug that caused section IDs not to be rendered in the page markup. 👉 1.2.20 FIX: Fixed compatibility with Gutenberg 7.3. 👉 1.2.19 FIX: Fixed blocks toolbar issue. 👉 1.2.18 FIX: Fixed reusable block functionality on Sections. FIX: Various minor UI tweaks. FIX: Minor bugs. 👉 1.2.17 FIX: Fixed compatibility with Gutenberg 7.2. FIX: Minor UI tweaks. 👉 1.2.16 FIX: Fixed grid display issues on Internet Explorer 11. Thanks to @amddtim for providing the fixes. 👉 1.2.15 Improved the visualization of units in spacing controls. Added an option to expand the editor width. 👉 1.2.14 FIX: Fixed compatibility with WordPress 5.3. 👉 1.2.13 FIX: Fixed a z-index issue for the area selection highlight. FIX: Fixed an issue that prevented the correct display of duplicated sections. 👉 1.2.12 FIX: Improved the editing of blocks in two vertical adjacent areas in an advanced grid. FIX: Fixed an area width display issue in the block preview. 👉 1.2.11 Added visual feedback to elements when using dimension controls. FIX: Fixed a regression that prevented the correct use of vertical align in Areas. 👉 1.2.10 FIX: Fixed a bug that prevented Sections to be saved correctly when they have an anchor specified. FIX: Minor UI tweaks. 👉 1.2.9 Added anchor support to Sections: you can now add IDs to Section elements on frontend. Various UI tweaks to highlight the grid structure and rendering. Removed the Section block from the Grids section, and made available in the Layout blocks section. Changed the Section and Area block icons to match the plugin brand. FIX: First block selection after inserting a Section in page. FIX: Minor bugs. 👉 1.2.8 FIX: Style alignment for areas when duplicating sections in the Block Editor. 👉 1.2.7 FIX: Restore block insertion mode for newly created areas when using the Gutenberg plugin. FIX: Compatibility fixes with Gutenberg 5.9.0. 👉 1.2.6 FIX: Behavior of content areas when adding lateral spacing. 👉 1.2.5 Added a new “Stretch” option for backgrounds on sections with “wide” alignment. FIX: Minor bugs. 👉 1.2.4 Submitted Grids to the Blocks directory on WordPress.org. Include JS and SCSS source files. 👉 1.2.3 FIX: Fixed an issue that prevented to properly visualize the Block Inserter when the z-index of an area had been tweaked. FIX: Fixed an issue that could cause multiple areas to be added to a section, without using the Grid Designer component. FIX: Minor bug fixes. 👉 1.2.2 FIX: Fixed an issue that prevented custom accent colors to work as intended on the Twenty Nineteen default theme. 👉 1.2.1 FIX: Minor visual tweaks. FIX: Editing of sections composed with the Grid Designer. 👉 1.2 NEW FEATURE: Added page-wide gutter control. ENHANCEMENT: Grid Designer is now available when editing a section, and areas can be rearranged. FIX: CSS style for grids not displaying in loops. FIX: Sections can now be used as reusable blocks. FIX: Minor bugs. 👉 1.1.1 FIX: Translation support. FIX: Issue with blocks toolbar. 👉 1.1.0 NEW FEATURE: Grid Designer. FIX: Translation support. FIX: Minor bugs. 👉 1.0.0 Initial public release.