Helmut Wandl

<p><strong>Design your own custom blocks for the WordPress Gutenberg Block Editor without any line of code.</strong></p>
<p>✔ <strong>fastest way</strong> to create your block for Gutenberg<br />
✔ Incredibly <strong>easy and intuitive</strong> to use<br />
✔ Your custom blocks are <strong>completely WYSIWYG (no form)</strong></p>
<p>—</p>
<h4>Tutorial (create an address block for Gutenberg):</h4>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/myBzUr0q3UU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p><a href="https://youtu.be/myBzUr0q3UU" rel="nofollow ugc">open tutorial on YouTube</a></p>
<p>—</p>
<h4>Live Preview</h4>
<p>Test the latest version here:<br />
> > > <strong><a href="https://livepreview.blockdesigner.net/" rel="nofollow ugc">open LIVE PREVIEW</a></strong> < < <</p>
<p>—</p>
<h4>Supported Elements</h4>
<ul>
<li>HTML Element</li>
<li>Icon</li>
<li>Static Text</li>
<li>Author Image</li>
<li>Author Link</li>
<li>Author RichText</li>
<li>Inner Blocks</li>
</ul>
<h4>Supported Styles</h4>
<ul>
<li>Display (block, flex, inline-block, inline, none)</li>
<li>Flex (direction, reverse, align, justify, gap, wrap)</li>
<li>Flex Child (shrink, grow, align self)</li>
<li>Spacing (margin, padding)</li>
<li>Size (width, height, min-width, min-height, max-width, max-height)</li>
<li>Overflow (visible, hidden, scroll, auto)</li>
<li>Typography (font-weight, font-style, font-size, line-height, color, text-align, text-decoration)</li>
<li>Border (radius, style, width, color)</li>
<li>Background (color, linear-gradient, radial-gradient)</li>
<li>Effects (box-shadow)</li>
</ul>
<h4>How it works</h4>
<ol>
<li>
<p><strong>Design your block</strong></p>
<p>First you design your block in the <em>Block Designer</em> with different HTML elements and styles.</p>
<p>You can define areas where authors can insert images and text in the <em>WordPress Block Editor</em>.</p>
<p>After you designed your block, you only need to enable and save it.</p>
</li>
<li>
<p><strong>Use your block</strong></p>
<p>If you enabled and saved your block, you will find your block in the Inserter panel of the <em>WordPress Block Editor</em>.</p>
<p>Just insert it as you know it from ordinary blocks.</p>
<p>If you have defined areas for author input, you can add your content now.</p>
<p>Save your page/post and enjoy your result on your site 😉</p>
</li>
</ol>
<h4>More from the same author</h4>
<p>Click here: <a href="https://www.wppeak.com/" rel="nofollow ugc">wppeak.com</a></p>


Block Designer – Create Custom Blocks for Gutenberg Editor

Create and design custom blocks for the WordPress Gutenberg Block Editor without any line of code.

Olga

Alex

blockenberg

<p>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.</p>
<p>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.</p>
<p><strong>Block categories include:</strong><br />
– <strong>Layout & page building:</strong> sections, rows, columns, hero areas, bento grids, feature layouts, comparison sections, pricing layouts, and conversion-focused page sections.<br />
– <strong>Content & editorial:</strong> accordions, blockquotes, styled lists, timelines, FAQs, article series, glossary-style content, reading blocks, and structured content modules.<br />
– <strong>Marketing & conversion:</strong> call-to-action blocks, pulsing buttons, countdowns, announcement bars, trust bars, promo sections, coupons, pricing sliders, and lead-generation layouts.<br />
– <strong>Media & interactive:</strong> Google Maps, YouTube and Vimeo performance embeds, video popup buttons, before/after sliders, marquees, carousels, logo showcases, sliders, and interactive cards.<br />
– <strong>Social proof & business:</strong> team members, testimonials, star ratings, review boxes, business hours, contact blocks, logo carousels, contributor boxes, and profile-style blocks.<br />
– <strong>Charts, calculators & utility tools:</strong> data tables, progress bars, counters, charts, planners, converters, calculators, comparison tools, and other interactive widgets.</p>
<p>From simple content blocks to advanced interactive elements, Blockenberg is built for speed, accessibility, and everyday real-world publishing.</p>
<p><strong>Key Features:</strong><br />
– 600+ blocks covering page building, content, marketing, media, business, charts, utilities, and more<br />
– Consistent controls for colors, typography, spacing, borders, shadows, layout, and responsiveness<br />
– Accessibility-first design with keyboard support and thoughtful frontend behavior<br />
– Performance-focused output with lightweight frontend assets and modern interaction patterns<br />
– Built with standard WordPress components for a native block editor experience<br />
– Works with modern themes and supports a wide range of site types and niches</p>
<h3>All Blocks by Category</h3>
<p>Every Blockenberg block is listed below so users can quickly scan the full library by use case.</p>
<h4>Layout & Landing Pages (52)</h4>
<p>Build polished page structures, hero sections, and flexible layouts for high-converting websites.<br />
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</p>
<h4>Content & Editorial (79)</h4>
<p>Publish richer articles, stories, reference content, and editorial enhancements with ease.<br />
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</p>
<h4>Marketing & Conversion (68)</h4>
<p>Turn traffic into leads with CTAs, promo sections, signup flows, and conversion-focused blocks.<br />
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</p>
<h4>Media & Visuals (44)</h4>
<p>Showcase images, video, embeds, and immersive visuals that make every page more engaging.<br />
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</p>
<h4>Navigation & Site Experience (43)</h4>
<p>Improve discovery, usability, and on-page flow with smarter navigation and interface tools.<br />
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, 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</p>
<h4>Data, Charts & Analytics (61)</h4>
<p>Present metrics clearly with charts, dashboards, comparisons, and visual reporting blocks.<br />
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</p>
<h4>Calculators & Generators (70)</h4>
<p>Offer practical tools, calculators, converters, and generators visitors can use instantly.<br />
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</p>
<h4>Interactive & Creative (52)</h4>
<p>Add motion, play, interaction, and eye-catching creative effects across the site.<br />
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</p>
<h4>Commerce & Pricing (19)</h4>
<p>Support offers, pricing, product presentation, and purchase decisions with sales-ready blocks.<br />
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</p>
<h4>Social Proof & Testimonials (35)</h4>
<p>Build trust fast with reviews, testimonials, logos, proof bars, and credibility sections.<br />
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</p>
<h4>Documentation & Developer Tools (31)</h4>
<p>Document products and workflows with code, technical references, and developer-friendly utilities.<br />
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</p>
<h4>Learning & Knowledge (23)</h4>
<p>Create structured educational, FAQ, and knowledge-driven experiences for readers and customers.<br />
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</p>
<h4>Business, Teams & Events (39)</h4>
<p>Highlight teams, services, operations, careers, and event content in a professional way.<br />
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</p>
<h4>Keywords</h4>
<p>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,</p>


Blockenberg — 600+ Advanced Gutenberg Blocks for WordPress Block Editor

600+ Gutenberg blocks for layouts, content, media, marketing, charts, calculators, testimonials, tables, maps, videos and more.

Block Designer – Create Custom Blocks for Gutenberg Editor vs Blockenberg — 600+ Advanced Gutenberg Blocks for WordPress Block Editor