Blockenberg vs Bootstrap Blocks

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,

Bootstrap Gutenberg Blocks for WordPress. This plugin adds Bootstrap components and layout options as Gutenberg blocks. Features Supports Bootstrap v5 and v4 Support for CSS grid (experimental) Fully customizable with filters Configuration via option page or programmatically with constants Block templates can be overwritten in your theme The full documentation of this plugin can be found on GitHub: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin#readme Available Blocks Container Options: Fluid: If enabled the container will use the full available width, spanning the entire width of the viewport. Fluid Breakpoint: Used to enable responsive containers. This feature only works with Bootstrap v4.4+. The container will use 100% of the width until the specified breakpoint is reached, after which the defined max-widths will apply for each of the higher breakpoints. Margin After: Define a margin which should be added after the container. Row Options: Template: Choose from a predefined template for the inner column blocks. No Gutters: Disable gutters between columns. Alignment: Horizontal alignment of inner column blocks. Vertical Alignment: Vertical alignment of inner column blocks. Editor stack columns: Displays stacked columns in the editor to enhance readability of block content. Horizontal Gutters: Size of horizontal gutters. Vertical Gutters: Size of vertical gutters. CSS Grid Gutters: Size of gutters when CSS grid is used. Column Options: Sizes for all breakpoints (xxl, xl, lg, md, sm, xs): How much space the column should use for the given breakpoint. Equal width for all breakpoints (xxl, xl, lg, md, sm, xs): If enabled column will spread width evenly with other columns. Background Color: Set background color to column. Content vertical alignment: Align content vertically in column. This option is only needed if a background color is set. Otherwise use the Alignment option of the outer row block. Padding: Define padding inside the column. Button Options: Style: Choose the styling of the button. Open in new tab: Choose if link should be opened in a new tab. Rel: Set rel attribute of the link. Alignment: Horizontal alignment of the button. Supported Bootstrap versions This plugin supports Bootstrap v4 and v5. The version can be selected in the plugin settings (Settings > Bootstrap Blocks) or by defining the WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION constant in the wp-config.php file: Bootstrap 4: define( 'WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION', '4' ); Bootstrap 5 (default): define( 'WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION', '5' ); Possible values right now are '4' or '5'. By default Bootstrap version 5 is selected. CSS Grid The CSS grid (supported with Bootstrap >= 5.1.0) can be enabled in the plugin settings (Settings > Bootstrap Blocks) or by defining the WP_BOOTSTRAP_BLOCKS_ENABLE_CSS_GRID constant in the wp-config.php file: eg. define( 'WP_BOOTSTRAP_BLOCKS_ENABLE_CSS_GRID', true ); When the CSS grid is enabled the row and the column blocks will use custom templates for the rendering process: Row: row-css.grid.php Column: column-css-grid.php The support is still experimental since it’s also marked as experimental in the Bootstarp library. Please read the official Bootstrap documentation to get more information on how to use it. Bootstrap library Please be aware that this plugin does not include the Bootstrap library in your website. You need to do this by yourself. We decided not to include the library so that you can modify Bootstrap to your own needs before loading it. You’ll find an example how to include it in your theme’s functions.php in the documentation. Templates All blocks are implemented as dynamic blocks. This makes it possible to overwrite the template of a block in your theme. To overwrite a block template create a folder called wp-bootstrap-blocks/ in your theme directory. You can copy the original template from wp-bootstrap-blocks/src/templates/ .php as a starting point and adjust it to your needs. Requirements WordPress >= 5.0 PHP >= 5.6 Further Information Documentation: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin#readme WordPress Plugin: https://wordpress.org/plugins/wp-bootstrap-blocks GitHub Repository: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin Changelog: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin/releases Issue tracker: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin/issues