Title: Blockenberg — 600+ Advanced Gutenberg Blocks for WordPress Block Editor
Author: blockenberg
Published: <strong>16.1.2026</strong>
Last modified: 23.8.2026

---

Hae lisäosia

![](https://ps.w.org/blockenberg/assets/banner-772x250.png?rev=3441205)

![](https://ps.w.org/blockenberg/assets/icon.svg?rev=3441174)

# Blockenberg — 600+ Advanced Gutenberg Blocks for WordPress Block Editor

 [blockenberg](https://profiles.wordpress.org/blockenberg/)

[Lataa](https://downloads.wordpress.org/plugin/blockenberg.2.0.12.zip)

 * [Tiedot](https://fi.wordpress.org/plugins/blockenberg/#description)
 * [Arvostelut](https://fi.wordpress.org/plugins/blockenberg/#reviews)
 *  [Asennus](https://fi.wordpress.org/plugins/blockenberg/#installation)
 * [Kehitys](https://fi.wordpress.org/plugins/blockenberg/#developers)

 [Tuki](https://wordpress.org/support/plugin/blockenberg/)

## Kuvaus

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,

## Blocks

This plugin provides 618 blocks.

 *   Comparison Cards Visual side-by-side product or plan comparison cards with 
   features, pricing, and CTA. Distinct from the tabular Comparison Table block.
 *   Vertical Scroll Image Display a tall or wide image in a fixed-height container.
   Hover to scroll through the full image vertically or horizontally. Perfect for
   showcasing app screenshots, infographics, or long designs.
 *   Newsletter Signup Email opt-in form that stores subscribers via the built-in/
   subscribe REST endpoint.
 *   Icon Stats Statistics displayed with large decorative icons, bold numbers, 
   and descriptive labels.
 *   Testimonial Featured A single large featured testimonial section — big decorative
   quote mark, full testimonial text, person photo, name, title, company logo, star
   rating, and optional result metric badge. Designed as a standalone section for
   maximum impact. Different from testimonial carousels or grids.
 *   Badge Wall Showcase certifications, achievements, awards, or partner logos 
   as a styled badge grid.
 *   User Field Show a field from the logged-in user’s WordPress profile (first 
   name, display name, email, and more). Guests see an optional fallback.
 *   Device Mockup Display a screenshot or image inside a realistic device frame—
   phone, tablet, laptop, or browser window.
 *   Bubble Chart Interactive bubble chart powered by Chart.js.
 *   Section Intro Reusable section header — eyebrow badge, large heading, subtitle,
   and optional CTA button. Use before any content section.
 *   Filter Gallery Image grid with category filter buttons. Clicking a tag shows/
   hides matching items with animation.
 *   Separator / Divider Decorative divider: line, wave, zigzag or dot pattern, 
   optionally with an icon or text in the centre.
 *   Spotlight Reveal A cursor-following spotlight that reveals content beneath 
   a dark overlay. Move your mouse over the section to illuminate the hidden content.
 *   Expense Tracker Track and visualize expenses by category with charts, totals,
   and budget management.
 *   Tabs Tabbed content panels with full WYSIWYG editing per tab.
 *   Word Counter An interactive word counter tool. Users paste or type text and
   instantly see word count, character count, sentence count, paragraph count, reading
   time, and speaking time.
 *   Sleep Calculator Calculate optimal sleep and wake times based on 90-minute 
   REM sleep cycles. Find when to sleep or when to wake up to feel fully rested.
 *   Image Slider A responsive image carousel with captions, autoplay, arrows, dots
   and touch support.
 *   Text Case Converter Live text transformer: paste any text and instantly get
   it in multiple case formats with one-click copy.
 *   Cron Builder Visual cron expression builder. Edit each field individually, 
   see a human-readable description, choose from common presets, preview next run
   times, and copy the final expression.
 *   Community Section Social community proof section with overlapping member avatars,
   member count, heading, CTA button, and trust badges.
 *   Gallery Showcase Featured image with a clickable thumbnail strip — click any
   thumbnail to swap the main large view. Perfect for portfolio details, product
   image galleries, and case study illustrations.
 *   Event Card Event display card with date, time, venue, description, speakers,
   call-to-action button, and Event JSON-LD structured data.
 *   Product Card Showcase any product with image, name, price, star rating, features
   list, badges, and buy button — no WooCommerce required.
 *   Awards & Certifications Showcase awards, certifications, badges, and achievements
   in a polished grid or timeline layout.
 *   Update Notice Editorial article update and correction notice with date, summary,
   and change history.
 *   Reading Card Book, article, podcast or course recommendation card with cover
   image, rating, category badge and CTA link. Multiple visual styles.
 *   Mixed Chart Combination bar + line chart with an optional dual Y-axis. Perfect
   for overlaying revenue (bar) with growth rate (line) or any two related metrics
   in the same canvas. Powered by Chart.js CDN.
 *   Video Popup Button A stylizable play button that opens a YouTube, Vimeo, or
   custom video in a modern full-screen popup modal.
 *   Status Page Display system/service status with component health indicators,
   uptime percentages, and incident history.
 *   Flashcard Interactive flashcard deck for studying. Click to flip cards, navigate
   with arrows or buttons, shuffle deck, mark cards as known, and track progress.
 *   Tool Card Recommended software or SaaS tool card for review and affiliate articles.
   Distinct from the ecommerce product card — designed for digital tools, apps, 
   and services.
 *   Crypto Price Ticker Live cryptocurrency price ticker powered by the free CoinGecko
   API. Display scrolling prices, cards, or a table with 24 h change, market cap,
   volume, and coin icons. Auto-refreshes on a configurable interval.
 *   Statistics Calculator Enter a dataset and instantly compute descriptive statistics:
   mean, median, mode, range, variance, standard deviation, quartiles, and more.
 *   Photo Card A styled media card with a prominent photo, category tag, title,
   excerpt, and meta information.
 *   Stats Counter Display animated number counters with icons, labels, and rich
   customization.
 *   Book Shelf A visual reading list with a realistic bookshelf view, cards layout,
   or list — complete with ratings, reading status, and genre tags.
 *   FAQ Schema FAQ block with automatic FAQPage JSON-LD structured data for SEO
   rich snippets.
 *   Data Table Interactive data table with sorting, search, pagination and export.
 *   Tournament Bracket Visual single-elimination tournament or playoff bracket 
   with clickable winner selection.
 *   Code Comparison Side-by-side code comparison block with syntax highlighting,
   diff markers, labeled panels, copy buttons, line numbers, and a draggable split
   divider.
 *   Waterfall Chart Financial waterfall (bridge) chart showing cumulative effect
   of sequential positive and negative values. Perfect for P&L analysis, budget 
   breakdowns, and cash flow visualization.
 *   Split Testimonial Hero-size featured testimonial with large pull-quote, author
   photo, name, title, company, star rating, and full accent/background controls.
 *   Number Box Square or circle box with a large metric number, prefix, suffix 
   and label.
 *   Regex Tester Live regular expression tester with match highlighting, capture
   groups, and flag controls.
 *   Code Playground Interactive HTML/CSS/JS editor with live preview. Let visitors
   experiment with code directly on the page.
 *   Neon Text Glowing neon tube text effect with animated flicker, multi-color 
   glow layers, animated background scanlines, and multiple neon color presets.
 *   Course Lesson A complete course lesson with objectives, content sections, resources,
   and navigation.
 *   Image Gallery Responsive image gallery with grid/masonry layouts, lightbox,
   and hover effects.
 *   Step Progress Horizontal wizard progress bar showing current step out of N 
   with labels and colors.
 *   Vimeo Performance Embed High-performance Vimeo embed with poster + lazy iframe
   on click.
 *   Open Graph Preview Preview how your page looks when shared on Twitter/X, Facebook,
   LinkedIn, and Slack.
 *   Sunburst Chart A two-ring radial hierarchy chart — the inner ring shows main
   segments and the outer ring shows their sub-categories.
 *   Kinetic Text Text characters that scatter outward and snap back on hover with
   smooth physics animation.
 *   Podcast Episode Complete podcast episode show notes with guests, chapter timestamps,
   listen links, resources, and transcript excerpt.
 *   Color Thief Upload an image to automatically extract its dominant color palette
   using canvas pixel analysis.
 *   Reveal Swipe Cards Before/after swipe reveal cards — drag the divider to uncover
   the back image.
 *   Launch Waitlist Product or service launch section with live countdown timer,
   email waitlist form, feature teasers, and social proof. For pre-launch landing
   pages.
 *   Article Header Rich editorial-style article/blog post header with category 
   badge, headline, subheadline, author meta bar, and optional hero image.
 *   Commit History Display a Git-style commit history timeline — perfect for changelogs,
   devlogs, and project updates.
 *   Media Kit Downloadable brand and media kit with logos, colors, typography, 
   and asset downloads.
 *   Image Collage Creative overlapping image composition with up to 5 images, custom
   rotations, positions, frames and a floating overlay card. Perfect for hero and
   about sections.
 *   Service Cards Grid of service offering cards with icon, title, description,
   bullet highlights and a learn-more link.
 *   World Clock Display live clocks for multiple timezones with analog or digital
   style. Perfect for global audiences, remote teams, and travel blogs.
 *   Interactive Gradient Mesh A mouse-reactive multi-colour gradient mesh background
   with optional heading and CTA overlay.
 *   Weekly Schedule Visual weekly schedule grid with Mon–Sun columns and color-
   coded time-slot events. Ideal for fitness classes, teachers, and consultants.
 *   Video Playlist A video player paired with a clickable episode/chapter list —
   perfect for course previews, tutorial series and video podcasts.
 *   Price Calculator Interactive SaaS pricing calculator with sliders, toggle switches,
   checkbox add-ons, and live price calculation. Supports monthly/annual billing
   and custom formulas.
 *   Scrollytelling Sticky background or image that updates as the user scrolls 
   through text chapters.
 *   Service Process Agency or service business 'How we work' section with numbered
   phases, deliverables, and connecting timeline.
 *   Media Coverage "As Featured In" press section with publication logos, grayscale
   hover effects, and an optional featured pull quote from a specific outlet. Common
   on landing pages and about pages. Different from Logo Wall (general) and Trust
   Bar (security badges).
 *   Code Tabs Multi-language tabbed code viewer with syntax highlighting. Show 
   the same snippet in JavaScript, Python, PHP, and more.
 *   Floating CTA Fixed-position floating call-to-action button that sticks during
   scroll. Configurable position, icon, label, and trigger delay.
 *   Password Generator Secure random password generator with configurable length,
   character types (uppercase, lowercase, numbers, symbols), strength indicator,
   copy button, and fully customizable styling.
 *   Unit Converter Interactive unit conversion tool supporting length, weight, 
   temperature, volume, area, and speed. Users can switch categories, enter a value,
   and instantly see the converted result.
 *   Image Magnifier Image with a zoom lens that follows the cursor on hover — perfect
   for product photography and detail shots.
 *   Icon Standalone styled icon with label, link, shape, animation, and rich customization.
 *   Offer Card Special offer and deal card with urgency badge, original/sale price,
   includes list, CTA, and optional countdown timer.
 *   Interactive Poll Clickable voting poll with animated results stored per visitor.
 *   UUID Generator Generate universally unique identifiers (UUID v4 and v1-style).
   Batch generate, copy individual or all, toggle formatting options, and view generation
   history.
 *   Holographic Card A card with an iridescent holographic foil surface effect 
   that reacts to mouse movement with rainbow shimmer and 3D tilt.
 *   Video Hero Hero section with video preview or background video, headline, CTA
   buttons and optional social proof.
 *   Glossary A–Z alphabetical glossary / dictionary with a clickable alphabet navigation
   bar, terms grouped by first letter, and expandable or always-visible definitions.
 *   Key Takeaways A styled summary box for articles and blog posts highlighting
   the most important points. Supports custom heading, icon, bullet style, and rich
   color options.
 *   Meeting Cost Calculator Calculate the real cost of meetings based on number
   of attendees, hourly rates, and duration. Includes recurring cost projections.
 *   Cursor Spotlight A dark section with a radial spotlight that follows the cursor,
   dramatically revealing the content beneath.
 *   Markdown Preview Live Markdown editor with real-time rendered preview, toolbar
   shortcuts, and copy buttons.
 *   Dice Roller Interactive dice roller supporting d4, d6, d8, d10, d12, d20 and
   d100. Roll multiple dice, see individual results, totals, and past roll history.
 *   Press Release Structured press release with dateline, headline, body paragraphs,
   boilerplate, and media contact block.
 *   Link Preview Manually-configured link preview card (OpenGraph style) with image,
   favicon, title, description, and domain.
 *   JSON Formatter Validate, format (pretty-print), and minify JSON with syntax
   highlighting and one-click copy.
 *   Page Header A versatile page hero/banner section: eyebrow label, headline, 
   subtitle, breadcrumbs, CTA buttons, and rich background options.
 *   Fuel Calculator Calculate road trip fuel costs, consumption, and CO₂ emissions.
   Supports MPG, L/100km, and km/L efficiency units with round-trip and cost-per-
   person options.
 *   Resource Links Curated resource / link list with section heading, items (icon,
   title, description, URL, type tag), list or grid layout, and full color/style
   controls.
 *   Animated Text Heading with animated cycling words — typewriter, fade, slide,
   or flip effects. Perfect for hero sections.
 *   Post Slider Hero-style slider cycling through posts with full-width background
   images and overlay captions.
 *   Use Case Section Showcase who your product is built for — personas or use cases
   each with icon, title, description and features list.
 *   Comparison Guide A structured X vs Y comparison guide with criteria scoring,
   winner badges, and a verdict. Perfect for product, software, and strategy comparisons.
 *   Comparison Table Feature matrix comparing multiple plans with check/cross marks,
   text values, and a highlighted popular column.
 *   Value Proposition Compelling value proposition section with headline, USP benefits,
   proof badges, and CTA.
 *   Roadmap Horizontal future roadmap with quarter/milestone cards, status tags
   and connector arrows.
 *   ROI Calculator Calculate return on investment with net profit, ROI %, payback
   period, and annualized return.
 *   Clipboard Copy Display a copyable code, coupon, or text with a one-click copy
   button.
 *   Text Comparison Two-column narrative comparison block for Before/After, Problem/
   Solution, Old Way/New Way contrasts using styled bullet lists.
 *   Scroll Reveal Wrap any blocks in a scroll-triggered reveal animation. Children
   animate into view when they enter the viewport.
 *   Pictograph An icon-based unit chart where coloured glyphs represent proportional
   data — great for infographic-style statistics.
 *   Notification Toast Animated social-proof toast notifications that cycle in 
   the corner of the screen — 'Sarah just signed up', 'Tom upgraded to Pro', etc.
 *   Error Page 404 / error page section with large decorative error code, heading,
   description, primary and secondary CTA buttons, optional illustration image, 
   and full background controls.
 *   Invoice Calculator A line-item invoice builder with editable rows, discount,
   tax, and grand total.
 *   Word Frequency Ranked horizontal bar chart for word frequency, survey results,
   language rankings, or any comparative data set.
 *   Discount Calculator Calculate sale prices from discount percentages, find original
   prices from sale prices, or determine what discount percentage was applied. Three
   versatile calculation modes.
 *   Mouse Trail Add a magical cursor trail effect to your page — sparkles, dots,
   comets, ribbons, stars, or fire. Works globally across the page or scoped to 
   a specific section. No dependencies, pure canvas.
 *   Problem / Solution Side-by-side problem vs solution section — two contrast 
   columns each with icon, title, and feature lists. A classic landing page persuasion
   block.
 *   Morse Code Converter Encode plain text to Morse code and decode Morse code 
   back to text. Supports dots, dashes and spaces.
 *   Scroll Sticky Content Stripe/Linear-style two-column layout with a sticky heading
   panel on one side and scrollable feature cards on the other. Active item highlights
   as it enters the viewport.
 *   Notification Bar Dismissible sticky announcement or promo bar — shown at the
   top or bottom of the page.
 *   How It Works Numbered process steps section — show a 3-6 step sequence with
   large step numbers, icons, titles, descriptions, and optional connectors. Perfect
   for onboarding flows and feature walkthroughs.
 *   Big Stat Display a single large impactful statistic with prefix, suffix, label,
   and multiple visual styles.
 *   Text Highlight Animate a color marker / highlighter sweep behind specific words
   or phrases when they scroll into view.
 *   Notification Feed Styled activity or notification feed with icon badges, titles,
   descriptions, timestamps, and read/unread states. Great for changelogs, activity
   logs, and social feeds.
 *   Tilt Card Card with 3D perspective tilt effect on mouse hover. Rich content
   with image, heading, text, icon, and link.
 *   Mixed Heading A heading or paragraph where each word/phrase segment can have
   its own style — gradient, highlight, stroke, badge, mono, or normal.
 *   Marimekko Chart Mosaic / Mekko chart — column widths represent segment size,
   inner stacks show composition. Ideal for market share visualisation.
 *   Candlestick Chart OHLC candlestick chart for financial data — shows open, high,
   low, and close values per period.
 *   Treemap Chart Hierarchical data visualized as proportional nested rectangles.
   Great for market share, budget breakdowns, and category comparisons.
 *   Thumbnail Gallery Large main image with a scrollable thumbnail strip navigation.
 *   Guarantee Section Money-back / risk-reversal section with badge seal, heading,
   description, bullet-point guarantee terms, optional CTA, and full color controls.
 *   Brand Kit Brand style guide: colour swatches, typography specimens, logo variants,
   and brand values — all in one block.
 *   Reading List Curated book or article reading list with cover image, title, 
   author, genre, star rating, read-status badge (Reading / Read / Want to Read /
   Recommended), description, and optional link.
 *   Timeline Chart Horizontal Gantt-style timeline showing events and milestones
   on a shared time axis.
 *   Sources & References A formatted bibliography/citations section for articles
   and research. Add numbered references with title, author, publication, URL, and
   access date. Styles: academic, card list, or minimal.
 *   Social Proof Section Complete social proof landing section combining client
   logos, stats, and a featured testimonial quote — all in one configurable block.
 *   Values Circle Radial SVG infographic with values arranged around a central 
   element.
 *   Speedometer Gauge Half-circle gauge chart with colour zones and a needle pointer.
 *   Breadcrumbs SEO-friendly navigation trail with Schema.org markup showing the
   current page hierarchy.
 *   Parallax Section A full-width content section with a background image that 
   scrolls at a different speed for a depth parallax effect.
 *   One Page Navigation Fixed dot navigation sidebar for single-page scrolling 
   websites. Each dot links to a section by ID.
 *   Knowledge Check Quick quiz question with instant reveal — great for educational
   content, articles, and explainers.
 *   Post Carousel A responsive carousel of posts with autoplay, arrows, and dots.
 *   Coming Soon Launch countdown page section with logo, heading, subtitle, live
   countdown timer, optional email capture field, social links, and background controls.
 *   Creative Button A single button with 6 advanced hover effect styles — fill 
   slide, color wipe, 3D press, arrow reveal, ripple, and outline morph. Perfect
   for standout calls-to-action.
 *   Portfolio Grid Project showcase cards with category filter, hover overlay, 
   tech tags and CTA links. Perfect for portfolio, case studies, and work samples.
 *   Content Slider Full-slide carousel with custom backgrounds per slide (color,
   gradient, or image) and rich text content.
 *   Content Ticker A horizontal scrolling news/announcement ticker with a colored
   label prefix and clickable items.
 *   Email Signature Design and preview a rich HTML email signature with avatar,
   name, title, company, phone, email, website, social links, and an optional branded
   banner or divider. Outputs email-client-safe table-based HTML.
 *   Chapter Intro A decorative chapter opener with large chapter number, label,
   heading, and intro paragraph.
 *   Glitch Text Eye-catching glitch animation text with chromatic aberration, noise,
   scanlines, and digital distortion effects.
 *   Newsletter Section Full newsletter landing section with past issue previews,
   subscriber count social proof, benefits bullets, and a prominent subscribe form.
   Distinct from a simple newsletter widget.
 *   Radial Bar Chart Concentric circular progress arcs — each ring represents a
   different metric, great for comparing multiple KPIs at a glance.
 *   Media & Text Rows Repeatable alternating image-and-text rows — each row independently
   flippable. Classic landing-page pattern for feature breakdowns and storytelling.
 *   Keyboard Shortcuts Display a keyboard shortcut reference sheet with Mac and
   Windows variants, categories, and rich styling.
 *   Split CTA Two-panel call-to-action section, each with its own background, headline,
   description and button.
 *   Liquid Glass Cards Glassmorphism-style frosted-glass cards with blur, border-
   light and subtle mouse-parallax effect.
 *   Sudoku Interactive Sudoku puzzle with difficulty levels, hints, mistake tracking,
   and timer. Full WYSIWYG preview in editor.
 *   Feature Tabs SaaS-style screenshot tabs: clickable feature list on one side,
   large image preview on the other.
 *   Blockquote / Pull Quote Stylish quote block with accent line or decorative 
   marks, author name, role and photo.
 *   Info Cards Flexible feature/info card grid with emoji or image icons, title,
   description, optional CTA and accent colors. Multiple card styles.
 *   Weather Widget Live weather display with current conditions, temperature, humidity,
   wind speed and a 5-day forecast. Powered by OpenWeatherMap free API.
 *   KPI Tiles Metric tiles grid with numbers, labels, trend indicators and mini
   sparkline charts.
 *   Text Divider Styled horizontal rule with centered text, icon, or badge label.
 *   Social Proof Bar Combined trust bar with avatar stack, star rating, review 
   count, and partner / 'as seen in' logo strip.
 *   Definition Block Dictionary-style term definition with pronunciation, part 
   of speech, examples and synonyms.
 *   Color Mixer Interactive color mixing tool. Pick two colors, blend them at any
   ratio, view the result in HEX/RGB/HSL, generate color harmonies, and copy any
   value instantly.
 *   Dual Heading A two-part heading where each line has fully independent typography—
   color, size, weight, style, and special effects like gradient, highlight, or 
   text stroke. Perfect for emphasis and visual hierarchy.
 *   Social Proof Popup Floating FOMO notification popups that cycle through social
   proof entries like purchases, signups, and reviews.
 *   Noise / Grain Section Hero or section block with a cinematic animated film-
   grain noise overlay rendered via Canvas. Supports solid, gradient, and image 
   backgrounds with full heading, subtext, and CTA controls.
 *   Bingo Card Interactive 5×5 Bingo card with number calling, win detection, and
   celebration animations.
 *   API Reference Display API endpoint documentation with method badge, parameters
   table, and request/response code examples.
 *   Author Profile Extended author bio card with avatar, name, role, bio, stats,
   and social links.
 *   Card CTA Grid A grid of action cards — each with icon, title, description and
   link. Perfect for get-started, help, or navigation sections.
 *   Customer Results Customer success stories with company logo, author quote, 
   key outcome metrics, and industry tags.
 *   Styled List Fully customizable list with icons, rich text, and flexible layout
   options.
 *   Chat Bubbles Decorative chat-conversation UI — perfect for testimonials in 
   a messaging format, product walkthroughs, or dialogue-based storytelling.
 *   Spoiler / Reveal Hide content behind a click-to-reveal button. Perfect for 
   spoilers, quiz answers, bonus tips, or any content that should stay hidden until
   the reader chooses to see it.
 *   Affiliate Review Box Structured product review block with score badge, pros&
   cons columns, verdict summary, price display, and affiliate CTA button.
 *   Restaurant Menu A beautifully organized restaurant or café menu with category
   tabs, item names, descriptions, prices, and dietary badges.
 *   Time Zone Converter Convert a specific time across multiple time zones with
   a live interactive display.
 *   GitHub Card Display a GitHub user profile or repository card with live stats
   fetched from the GitHub API.
 *   Lead Magnet Free resource / lead magnet landing section. Features a mockup 
   image (book, PDF, phone), headline, benefit checklist, and an email capture form
   with privacy note. Ideal for e-books, templates, checklists, and courses.
 *   Terminal Mockup A realistic terminal / CLI window with typewriter animation,
   coloured prompt, command & output lines. Great for dev-tool landing pages.
 *   Feature Request Board Display a feature request board with votes, statuses,
   and categories.
 *   Pagination Styled numeric pagination preview with prev/next, colors, shape 
   and alignment controls.
 *   Org Chart Organizational hierarchy chart with avatar, name, role, and department
   for every node.
 *   Debate Block Two-column argument block for presenting Pro vs Con, Side A vs
   Side B, or any two-position debate.
 *   Popup Popup/lightbox builder with a configurable trigger button and rich popup
   content — heading, text, image, CTA and close. Supports click, scroll-depth, 
   time-delay and exit-intent triggers.
 *   Split-Flap Display Recreate the iconic airport departure-board split-flap animation.
   Characters roll through the alphabet and settle on the target text. Supports 
   multiple messages, ticker mode, custom colours, and scroll-triggered animation.
 *   Venn Diagram SVG-based Venn diagram with two or three overlapping circles. 
   Each circle and overlap region has customisable labels, colour, and list items.
   Perfect for comparing sets, audiences, or concepts.
 *   Particle Text HTML5 Canvas text that assembles from scattered particles on 
   load. Hover to scatter and re-assemble. Perfect for hero sections and dramatic
   reveal effects.
 *   Click to Tweet Elegant pull-quote block with a one-click Twitter/X share button.
 *   Search Bar Styled search field and button for site search with live AJAX suggestions
   option.
 *   Image Text Rows Multiple alternating image + text rows in one block. Perfect
   for feature descriptions, how-it-works sections, and product showcases.
 *   Heat Map Grid heat map where cell colour encodes value intensity — ideal for
   correlation matrices and activity charts.
 *   Scatter Chart Interactive X/Y scatter plot powered by Chart.js. Reveal correlations
   and distributions in your data.
 *   Skill Bar Horizontal skill/competency progress bars with labels, percentages,
   and optional category grouping.
 *   Study Notes Cornell-style structured study notes with cue column, notes column,
   summary, and key terms.
 *   Scroll To Top Fixed scroll-to-top button that appears after scrolling down 
   the page.
 *   Category Grid Display WordPress post categories in a responsive grid with post
   counts, icons, descriptions, and rich styling options.
 *   Rotating Banner A multi-message announcement carousel that auto-rotates between
   messages. Each message can have its own colors, link, and optional countdown 
   timer.
 *   Mega Footer Full-featured site footer with logo, tagline, link columns, social
   links, and a bottom bar.
 *   About Section Ready-made About Us section with split image/video + text layout,
   optional company stats row, badge label, CTA buttons, and full background/color
   controls.
 *   Trust Bar A horizontal row of trust, security, and compliance badges — SOC 
   2, GDPR, SSL, uptime SLAs, etc. Different from Social Proof Bar (user counts)
   and Logo Wall (brand logos).
 *   App Download Ready-made app promotion section with iOS / Android badges, device
   screenshot, heading, subtitle, ratings/reviews, and full background controls.
 *   Reading Time Displays estimated reading time calculated from the post content.
   Fully customizable styling.
 *   Sankey Diagram Flow diagram showing proportional transfers between stages. 
   Great for budget allocation, user journeys, traffic sources, and energy/material
   flows.
 *   Press Kit Press/media kit section with brand assets (logos, colors, photos,
   documents), company blurb, and download buttons. Perfect for press pages and 
   media rooms.
 *   Marquee Cards Infinitely scrolling row of rich cards — images, headings, tags,
   and links. Ideal for features, use-cases, portfolio pieces, or team showcases.
 *   Troubleshooting Guide Structured problem/cause/solution guide with severity
   levels, search, and multiple layout options.
 *   Carbon Footprint Calculator Estimate your annual CO2 equivalent emissions across
   transport, home energy, diet, and shopping categories.
 *   Expert Roundup Collect expert opinions, tips, or predictions on a topic. Each
   expert has a photo, name, title, and their contributed insight. Great for SEO-
   rich editorial articles.
 *   TL;DR Box Article TL;DR / executive summary box with optional bullet points
   and read-time indicator.
 *   Interactive Steps Step-by-step wizard or process block with clickable numbered
   steps that reveal different content panels.
 *   Testimonial Card A single embeddable testimonial card with photo, quote, rating,
   and platform badge. Place it anywhere in your content.
 *   Social Feed Display a grid of social media post cards with images, captions,
   engagement metrics, and platform badges.
 *   Dark Mode Toggle A light/dark mode switcher. Adds a toggle button that persists
   the user's theme preference to localStorage and applies a data attribute to the
   root element.
 *   Morphing Text Headline that smoothly morphs between multiple words with blur,
   crossfade, slide, or typewriter transitions.
 *   Content Menu In-page anchor navigation that highlights the current section 
   as the user scrolls — can float fixed on the left or right, or sit inline.
 *   Skills Skills and expertise block with category groups, proficiency levels,
   and multiple display styles: bars, dots, tags, or circles.
 *   Loan Affordability Calculator Calculate how much home or loan you can afford
   based on annual income, existing debts, interest rate, and debt-to-income ratios.
   Ideal for real estate and finance sites.
 *   Waffle Chart Proportional 10×10 grid where each cell represents 1%. An intuitive
   and visually engaging alternative to pie charts for showing progress and part-
   to-whole relationships.
 *   Opinion Box Editorial 'My Take' opinion callout with author attribution, badge,
   and signed commentary.
 *   Review Schema Displays an aggregate star rating with Schema.org JSON-LD markup
   for rich search results.
 *   Icon Accordion Visually rich accordion with per-item icons, badges and custom
   colours — great for FAQs, feature lists and onboarding flows.
 *   Skewed Section A content section with diagonal/angled top and/or bottom edges
   created via CSS clip-path. Place any blocks inside.
 *   Resource Hub Organized resource library with category filter pills, resource
   cards (guide, video, template, tool), and optional featured resource. For content
   marketing and lead gen pages.
 *   Pomodoro Timer An interactive Pomodoro productivity timer with work and break
   cycles, visual progress ring, and session tracking.
 *   Image Filter Upload an image and apply real-time CSS filter adjustments — brightness,
   contrast, saturation, hue, blur, sepia, grayscale, and more. Choose from presets
   or build a custom look. Optionally expose live filter sliders to visitors.
 *   Step Chart A step-function line chart where values change abruptly — ideal 
   for pricing tiers, subscription counts, and discrete state changes over time.
 *   Parallax Depth Cards Cards with layered 3D depth parallax on mouse move — different
   elements float at different speeds.
 *   Word Flip Headline with a vertically flipping word that cycles through alternatives—
   like a slot machine or departure board embedded in text.
 *   Stopwatch Interactive stopwatch with start/pause/reset controls and lap recording.
   Fully styled with customizable colors, display format, and rich Inspector settings.
 *   Marquee / Announcement Bar Scrolling announcement bar with pause on hover and
   accessibility support.
 *   Dynamic Date Outputs the current date, time or copyright year automatically,
   with live clock option.
 *   Tutorial Card A structured tutorial block with steps, prerequisites, materials,
   learning outcomes, and progress tracking.
 *   Link Card Grid Visual navigation card grid for resource hubs and docs pages.
   Each card has icon, title, description, and URL.
 *   Word Scramble Interactive word unscramble game with categories, hints, scoring,
   and timer. Multiple difficulty levels.
 *   Scored Quiz Multi-question scored quiz with points-based result ranges. Shows
   personalised outcome based on total score. Includes progress bar and retake button.
 *   Review Box Professional review card with score, pros/cons, and Schema.org markup.
 *   Learning Path Display a structured learning path with steps, skill tags, durations
   and type indicators.
 *   Doughnut Chart Pie/doughnut chart with adjustable cutout, center label, and
   per-slice colors using Chart.js (CDN).
 *   Roman Numeral Converter Convert integers to Roman numerals and Roman numerals
   back to integers. Supports 1–3999.
 *   CTA Band Full-width colored band with headline, supporting text and a call-
   to-action button.
 *   Highlight Section Editorial hero section with a giant decorative background
   word, heading, subtext, and optional CTA button.
 *   Lottie Animation Play a Lottie JSON animation with trigger modes: autoplay,
   hover, click or scroll.
 *   Reading Progress A fixed reading progress bar that fills as the visitor scrolls.
 *   Page List A styled list of pages or links with optional icons, hierarchy, and
   rich color controls.
 *   Pie Chart SVG-based pie chart with labelled wedge segments, percentage display,
   and an optional legend. Renders inline without external libraries — no doughnut/
   ring, true pie slices with mid-wedge labels and hover tooltips.
 *   Skill Rings Animated SVG circular progress rings for showcasing skills, proficiencies,
   or statistics. Supports both concentric (nested rings) and row (individual rings)
   layouts with scroll-triggered fill animations.
 *   PDF Embed Embed a PDF document in an iframe with optional download button and
   toolbar controls.
 *   Drawing Canvas A fully interactive freehand drawing canvas with multiple tools,
   undo, and download — right in your page.
 *   Funnel Chart Marketing and conversion funnel chart. Show stages with counts,
   percentages, and drop-off rates. Supports both vertical and horizontal layouts.
 *   Research Brief Academic or industry research summary: study details, findings
   with significance, limitations, and key takeaways.
 *   Link Roundup Curated links collection — weekly/monthly digest with categories.
 *   Highlight Reel Grid of curated highlight cards — ideal for showcasing achievements,
   features, event moments, or key stats with icons and descriptions.
 *   Contact Info Display business contact information with icons, labels, and optional
   Schema.org markup.
 *   Stacked Area Chart Area chart with multiple series stacked cumulatively.
 *   Gradient Hero Full landing page hero with animated gradient/mesh background,
   badge, headline, CTA buttons, and social proof row.
 *   Milestone Circular progress ring showing progress toward a numeric goal with
   animated ring and center label.
 *   Compound Interest Calculator Calculate compound interest growth with configurable
   compounding frequency, monthly contributions, and a year-by-year breakdown.
 *   Comparison Wall Side-by-side feature comparison with two columns — ideal for
   before/after, free vs pro, etc.
 *   Split Benefits A split section with an image on one side and a benefits checklist,
   headline, and CTAs on the other. A cornerstone landing page pattern.
 *   Read More Collapses long content behind a gradient fade with an animated 'Read
   more / Show less' toggle button.
 *   Color Harmony Pick a base color and instantly see complementary, triadic, analogous,
   and other harmonic palettes. Click any swatch to copy its hex value.
 *   Event Speakers Showcase event or conference speakers with bios, session info,
   and social links.
 *   Date Difference Calculate the exact difference between two dates — years, months,
   days, total days, weeks, hours, and working days.
 *   Certificate Display a digital certificate or diploma with recipient name, issuer,
   date, credentials, and optional signatures. Ideal for online courses and certifications.
 *   Toggle / Read More A single expandable panel for 'Read More', spoilers, or 
   collapsible content sections.
 *   Break-Even Calculator Calculate break-even point, profit zone, and contribution
   margin for business analysis.
 *   Typing Effect Animated typewriter text that cycles through multiple phrases
   with a blinking cursor.
 *   Text Stroke Large outlined/hollow text using CSS text-stroke with hover fill,
   gradient, and animation options.
 *   Analog Clock A beautiful live analog clock rendered with SVG. Fully customizable:
   clock style, timezone, colors, size, and optional date/time labels.
 *   Card Stack A fanned or stacked pile of cards with hover-spread interaction.
   Perfect for testimonials, case studies, or feature highlights.
 *   Body Fat Calculator Calculate body fat percentage using the US Navy method 
   based on height, neck, waist, and hip measurements. Shows body fat category and
   health range.
 *   Social Links Social media icon links with brand colors, custom styles, and 
   multiple layout options.
 *   Feature Announcement Announce new product features, improvements, or updates
   with version badge, highlights list, and CTA.
 *   Accordion Table A data table where each row expands on click to reveal rich
   detail content — specs, bullet points, sub-data, or notes. Perfect for pricing
   tiers, product specs, API docs, and comparison matrices.
 *   Flip Card Card with front (icon + title) and back (text + button) that flips
   on hover or click. Mostly CSS, minimal JS.
 *   Split Text Scroll-triggered per-word or per-character text reveal animation.
   Each word or character animates in sequentially as the block enters the viewport.
 *   Resume / CV A complete professional resume or CV with experience timeline, 
   education, skills, and contact header.
 *   Testimonial Carousel Auto-playing testimonial slider with stars, avatars, and
   dot/arrow navigation.
 *   Feature Showcase Alternating zigzag rows of image + headline + body text + 
   bullet checklist + CTA. The definitive landing page feature section.
 *   Story Section Full-width founder or brand story section with photo, pull quote,
   and milestones.
 *   Mortgage Calculator Calculate monthly mortgage payments with amortization table,
   principal vs interest breakdown, LTV ratio, and optional PMI estimate.
 *   Split Price CTA Two-column sales section: pricing offer on the left, CTA with
   supporting benefits on the right. Common on SaaS pricing and checkout pages.
 *   Feature Split Elegant two-column section — rich content (badge, headline, body,
   feature list, CTAs) paired with an image. The essential landing page block.
 *   Grade Calculator Calculate weighted average grades across multiple subjects
   or assignments. Shows overall grade with letter and percentage.
 *   Interactive Checklist A fully interactive checklist with progress tracking,
   emoji icons, add/remove items, and optional persistence via localStorage. Rich
   color and layout controls.
 *   Confetti Button A call-to-action button that triggers a burst of canvas confetti
   particles on click. Supports multiple confetti styles, custom colors, particle
   physics and link/action settings.
 *   Testimonial Marquee Infinite auto-scrolling testimonial ticker with star ratings,
   avatar images, and author details. Pause on hover.
 *   URL Encoder / Decoder Encode and decode URLs or convert text to and from Base64,
   with a clean multi-tab interface.
 *   Bump Chart Ranking chart that shows how positions change over time — each series
   is a curved line with rank labels at each column.
 *   Icon Feature Grid Responsive grid of features with icons, titles and descriptions.
   Perfect for product pages, landing pages, and about sections.
 *   Quote Collection Curated editorial multi-quote grid — inspirational quotes,
   expert opinions, notable sayings.
 *   Heatmap Calendar GitHub-style activity heatmap calendar showing intensity by
   day across a full year. 53 × 7 grid of colour-coded squares with month labels,
   day-of-week labels, and a configurable colour scale.
 *   Readability Score Analyze text readability with Flesch-Kincaid, Gunning Fog,
   and more.
 *   Trivia Game A timed multiple-choice trivia game with built-in questions across
   Science, History, Geography, and Pop Culture categories.
 *   CTA with Countdown Urgency-driven CTA section with a live countdown timer, 
   headline, and call-to-action buttons.
 *   Slope Chart A two-column slope graph showing before/after change for multiple
   items — lines are automatically colored by direction (up, down, or unchanged).
 *   Ebook Section Digital product and ebook showcase with 3D book cover, feature
   list, social proof, and CTA.
 *   Age Calculator An interactive age calculator that computes exact age in years,
   months, and days from a birth date. Includes next birthday countdown, total days
   lived, zodiac sign, and day of week born.
 *   Feature Grid Responsive grid of feature cards — each with an icon, title, text,
   and optional link. Perfect for services, benefits, and product highlights.
 *   Embed Preview Privacy-friendly click-to-load embed with a custom thumbnail,
   CTA overlay, and optional privacy notice.
 *   Network Diagram Node-link relationship diagram for system architecture, dependencies,
   or org charts.
 *   Hover Card Card that reveals hidden content (overlay) when hovered with customizable
   direction and animation.
 *   Star Rating Static visual star rating (1–5 stars) with optional label and numeric
   score. CSS-only, perfect inside testimonial cards.
 *   Content Score Visual content or SEO scoring card with circular gauge, color-
   coded criteria rows, and overall grade.
 *   Tag List A styled collection of tag pills with icons, colors, and optional 
   links.
 *   Button Group Group of styled CTA buttons with alignment, spacing, individual
   per-button overrides, and responsive stacking.
 *   Word Cloud A visual word cloud where each word is sized by its weight — ideal
   for topics, skills, tags, or concepts.
 *   Radar Chart Spider/radar chart with multiple datasets, fill transparency, and
   axis customization using Chart.js (CDN).
 *   Area Chart Smooth filled area chart with multiple datasets, gradient fills,
   and animation using Chart.js (CDN). Great for showing trends over time.
 *   Styled Text Builder Build a paragraph from mixed inline text segments — combine
   highlights, badges, code spans, gradient text, and bold or colored fragments 
   in a single richly-styled sentence.
 *   Pullquote Pro Eye-catching quotation with large typography, decorative marks,
   author avatar, and alignment options.
 *   Video Testimonial Testimonial cards with embedded YouTube/Vimeo video, star
   rating, quote, and author. Builds deep social proof with video evidence.
 *   Countdown Progress Visual ring or bar countdown timer to a target date, with
   live ticking.
 *   Code Block Syntax-highlighted code block with copy button, line numbers, and
   multiple themes.
 *   Before / After Grid A grid of interactive before/after image comparison sliders—
   show multiple transformations, makeovers, or design iterations in one layout.
 *   Family Tree Interactive genealogy family tree diagram showing multi-generation
   relationships with spouse connections and birth/death years.
 *   Minimal Footer Clean, minimal site footer with logo (image or text), navigation
   columns, social icon links, and copyright line. A lighter alternative to the 
   mega-footer.
 *   Filterable Cards A grid of content cards filterable by category, with optional
   images, labels, descriptions and links.
 *   Image Placeholder Generate custom placeholder images using Canvas. Set dimensions,
   colors, text, and download or copy the data URI.
 *   Event Agenda A conference or event schedule showing day tabs, time slots, session
   titles, speaker info, rooms, and session types.
 *   Line Chart Interactive line chart using Chart.js (loaded from CDN). Supports
   multiple datasets, fill, tension, and grid styling.
 *   Ideal Weight Calculator Calculate ideal body weight using four major medical
   formulas — Hamwi, Devine, Robinson, and Miller — with a visual comparison and
   healthy BMI range.
 *   Timeline Display events, milestones, or steps in a beautiful timeline layout.
 *   Listicle Rich numbered list article format for Top 10, Best of, and ranked 
   editorial content. Each item has number badge, title, image, description, verdict
   and tags.
 *   Color Palette Display brand color swatches with HEX, RGB, and CSS variable 
   labels. Perfect for style guides and design systems.
 *   Knowledge Base Article Full knowledge base / help center article with category,
   difficulty, table of contents, sections, and related articles.
 *   Card Deck Slider A 3D card deck slider where cards arc/fan out behind the front
   card and animate through the sequence.
 *   Age Gate Age verification overlay that protects page content behind a customizable
   age confirmation dialog.
 *   Dot Plot Strip / scatter dot plot showing individual data points for each series
   along a shared axis — ideal for comparing distributions.
 *   Masonry Grid Responsive masonry layout for images with hover effects.
 *   Time Duration Calculator Add or subtract time durations in hours, minutes and
   seconds. Shows result broken down into multiple units.
 *   Rating Summary Aggregated review rating with overall score, star breakdown 
   bars (5★ 80%, 4★ 15%…), total count, and optional platform badge.
 *   Video Section Featured video section with headline, description, play button
   and optional stat strip below.
 *   Split Hero Two-column hero section with headline, badge, body text, dual CTA
   buttons and social proof on one side — image or video on the other. Built for
   landing pages.
 *   Chord Diagram Circular diagram showing bidirectional relationships and flow
   volumes between groups. Great for migration patterns, trade flows, cross-referrals,
   and collaboration networks.
 *   FAQ Section Complete FAQ landing-page section with styled section header, inline
   accordion items, multiple layout variants, and a bottom contact CTA. Different
   from FAQ Schema (SEO) and FAQ Categories (search UI).
 *   Client Showcase "Trusted by" section featuring client logos with optional tagline,
   grayscale hover effect, and a pull-quote from a featured client.
 *   Service Details Full in-depth service section with large side image, heading,
   body text, feature checklist, and dual CTAs. Layout toggles image side.
 *   Profit Margin Calculator Calculate profit margin, markup, selling price and
   gross profit for any product or service.
 *   Changelog Versioned release-notes block with colour-coded categories (New, 
   Improved, Fixed, Deprecated). Perfect for SaaS product pages.
 *   Content Warning Editorial content advisory or sensitivity notice, optionally
   collapsible.
 *   Section A container section for organizing content with rows and columns.
 *   Bento Grid Modern asymmetric bento-box grid with featured large cells and smaller
   detail cards — perfect for showcasing features, stats, or portfolio highlights.
 *   Onboarding Steps Step-by-step getting started / onboarding section for SaaS
   products, courses, and services. Numbered steps with icons, descriptions, and
   optional CTAs.
 *   Hovering Image Stack A stack of images arranged in a fan/cascade that spreads
   outward on hover revealing all images.
 *   Text Analyzer Comprehensive text analysis tool: word/character/sentence counts,
   vocabulary richness, top word frequency chart, average lengths, and more. Live
   updates as you type.
 *   File Download Styled file download card with icon, file name, size, description,
   and call-to-action button.
 *   Currency Converter Interactive currency converter supporting 30+ world currencies
   with instant conversion, swap button, common pairs quick-select, and customizable
   styling. Uses built-in indicative rates.
 *   Social Share Social sharing buttons for any page or post.
 *   GPA Calculator Interactive GPA calculator for students. Enter courses, credit
   hours, and letter grades to calculate cumulative GPA on a 4.0 or custom scale.
 *   Product Tour An interactive product walkthrough with numbered steps, descriptions
   and screenshots. Tabs-style navigation — perfect for onboarding flows and feature
   showcases.
 *   Contact Form A fully styled contact form that sends emails via your WordPress
   site — no plugin required.
 *   Event Recap Post-event summary with key stats, highlights and next event info.
 *   Feature List Rich feature checklist showing included / not-included / partial/
   coming-soon states per item. Ideal for pricing pages, plan comparisons, and product
   spec sheets.
 *   Kanban Board Visual Kanban-style column board with cards for displaying workflows,
   project status, or process stages.
 *   Related Posts Shows posts sharing the category or tag with the current post
   via AJAX on the frontend.
 *   HowTo Schema Step-by-step How-To guide with automatic Schema.org HowTo JSON-
   LD structured data for Google rich results. Includes supplies, tools, total time,
   cost estimate, and numbered steps with images.
 *   Image Cards A responsive grid of rich cards with images, category tag, title,
   description and CTA. Perfect for blog previews, portfolio, services or team showcases.
 *   QR Code Generate a QR code from any URL or text with custom colors and size.
 *   Icon List A rich feature list with custom icons, badges, titles, and descriptions
   per row. Ideal for showcasing product features, service benefits, or any structured
   list with visual flair.
 *   Polar Area Chart Beautiful polar area chart powered by Chart.js.
 *   Founder Quote CEO or founder personal message section with photo, signature,
   and multiple layout styles for About pages.
 *   Location Cards Multi-location business directory grid. Each card shows address,
   phone, email, business hours snippet, and a directions link.
 *   Content Switcher Two-panel toggle block — a pill/tab switch with a label for
   each state, each panel containing its own headline, body text, bullet list, image,
   and CTA. Great for Individual/Team, Starter/Pro, Before/After content.
 *   Footnotes Academic-style footnotes with numbered inline markers and a full 
   reference list.
 *   Bullet Chart Stephen Few's bullet chart — shows actual performance against 
   a target, with background bands for Poor / Satisfactory / Good ranges.
 *   Image Box A clickable image card with overlay title, hover effects, and a link.
 *   Text Path Render text along a curved SVG path — arc, wave, circle or S-curve.
 *   FAQ Grid Display frequently asked questions as a scannable card grid — ideal
   for pricing pages and knowledge bases.
 *   OKR Tracker Objectives & Key Results tracker with visual progress indicators
   and status badges.
 *   Content Lock Gate content behind an email opt-in, password, or click-reveal.
   Perfect for lead generation, member content, and spoilers.
 *   Gradient Text Animator Animated gradient-filled text with multiple animation
   modes — shift, pulse, wave, rainbow, and reveal.
 *   Tetris Game A fully playable Tetris game block. Supports keyboard and on-screen
   controls, levels, score, and rich style customization.
 *   Vision & Mission Company mission, vision, and core values section with multiple
   layouts.
 *   Debt Payoff Calculator Compare Avalanche vs Snowball debt payoff strategies.
   Enter multiple debts, set a monthly payment budget, and see exactly when you'll
   be debt-free and how much interest you'll save.
 *   Content Box Styled content container with optional icon/emoji, badge label,
   title, rich body text, style variants (info/warning/success/tip/quote), border,
   background, and rounded corners.
 *   Modal Window A button or trigger that opens a customizable popup modal overlay.
 *   Image Overlap Text Creative editorial layout where a large image bleeds into
   an adjacent text column with decorative accents.
 *   Sticky Scroll Apple-style storytelling layout: one column stays pinned while
   the opposite column scrolls through feature panels.
 *   Unfold Expandable content section that starts collapsed with a fade gradient
   and expands smoothly on button click.
 *   Link List An organized, styled list of links with icons, titles, descriptions,
   and optional badges.
 *   Lightbox Gallery Image grid where clicking a thumbnail opens a full-screen 
   lightbox with prev/next navigation.
 *   Results Section Showcase client results and transformations with before/after
   metrics, case summaries, and attribution.
 *   Comparison Matrix Feature comparison table with checkmarks, icons, and highlighted
   columns.
 *   Newsletter Popup Email capture popup that triggers on scroll, time delay, or
   exit intent. Cookie-based dismissal, image support, and success state.
 *   Address Card Business address card with contact details, opening hours, and
   optional map link.
 *   World Map Interactive SVG world map with country highlighting, data values,
   tooltips and a legend. Perfect for global presence, customer distribution, and
   sales territory sections.
 *   Bar Chart Vertical or horizontal bar chart with multiple datasets using Chart.
   js (CDN). Supports stacked, border radius, and custom colors.
 *   Reading Notes Annotated reading notes for books and articles with quotes, insights,
   questions, and a star rating.
 *   Magnetic Button A button that magnetically pulls toward the cursor as it approaches,
   with customizable pull strength, style, and ripple effect.
 *   Lesson Objectives "What You'll Learn" educational objectives box with bullet
   points, level badge, and estimated read time.
 *   Job Openings Careers section with filterable job listings, department tags,
   location info, and apply links.
 *   Decision Tree Interactive step-by-step decision tree. Visitors answer yes/no(
   or custom) questions and follow branches to a personalised result. Fully editable
   node graph with breadcrumb trail and back navigation.
 *   Text Reveal on Scroll Cinematic scroll-triggered text reveal: words or characters
   animate in one by one as the section enters the viewport. Supports fade, slide-
   up, clip, and blur reveal modes with staggered delays.
 *   Handwriting Text SVG text that animates in as if being handwritten — stroke
   reveal effect triggered on scroll or load.
 *   Daily Schedule A time-blocked daily schedule — share your ideal day, work routine,
   or time-management system with a visual timeline.
 *   Before/After Slider Compare two images with a draggable slider handle.
 *   Persona Section "Who Is This For?" target audience section with persona cards,
   each showing a role, icon, pain points, and benefits. Ideal for landing pages
   and sales pages.
 *   FAQ Chat Chat-bubble style FAQ. Visitors click questions to reveal bot-style
   answers with a typing indicator — a conversational alternative to accordion FAQ.
 *   Google Map Embed a Google Map by address with zoom, map type, caption, border,
   and shadow controls.
 *   Tag Cloud A styled, interactive tag cloud with custom tags or live WordPress
   tags.
 *   Gradient Border Card Card with an animated rotating gradient border — conic-
   gradient glow effect popular in modern dark UI.
 *   Typing Speed Test Interactive typing speed test. Measures WPM (words per minute),
   accuracy, and calculates a score. Choose from multiple difficulty levels, track
   errors in real time, and see a detailed results summary.
 *   Avatar Group Overlapping stack of user or team avatars with an optional +X 
   counter bubble.
 *   Feature Video Tabs A feature showcase section with tab navigation and an auto-
   playing video per tab. Each tab shows a headline, description, bullet points,
   and an optional CTA button alongside its video.
 *   Content Upgrade In-article content upgrade / lead magnet box with opt-in form.
   Goes between article paragraphs to capture emails in exchange for a bonus resource.
 *   Recipe Card Full-featured recipe card with ingredients, steps, nutrition facts,
   ratings, and Recipe JSON-LD structured data.
 *   Base64 Encoder / Decoder Encode plain text to Base64 or decode Base64 back 
   to text. Supports Unicode, URL-safe Base64 and one-click copy.
 *   Contact Section All-in-one contact page section: info cards (address, phone,
   email, hours) + a contact form + optional embedded map — all in a polished configurable
   layout.
 *   Decision Matrix Weighted criteria scoring matrix to compare options and surface
   the best decision with totals and a winner highlight.
 *   Tooltip Display a word or phrase with a hover tooltip popup — great for definitions,
   abbreviations, and inline explanations.
 *   Embed / iFrame Responsive iframe embed for Calendly, Typeform, Google Forms,
   Airtable, YouTube, Vimeo, or any URL. Full aspect-ratio control and loading options.
 *   Call to Action Headline + sub-headline + 1-2 buttons with optional color/gradient
   background. Perfect inside Row/Column blocks.
 *   Review Showcase Showcase aggregate ratings from review platforms (Google, G2,
   Trustpilot, etc.) with an optional featured testimonial.
 *   Shape Divider SVG shape dividers — wave, curve, triangle, tilt, zigzag — to
   create seamless section transitions.
 *   Dumbbell Chart Horizontal dumbbell (connected dot) chart comparing two values
   per category — ideal for before/after, target vs actual, or two-group comparisons.
 *   Job Listing Display a job posting card with title, company, location, salary,
   job type, skills, apply CTA, and rich styling options.
 *   CTA Pulsing Button An animated Call-to-Action button with pulsing ring/glow
   effects, rich typography, hover colors, icon, badge, and subtext controls.
 *   Calorie Calculator BMR and TDEE calorie calculator using the Mifflin-St Jeor
   equation. Supports metric and imperial units, activity levels, and shows macro
   nutrient breakdown.
 *   Speaker Lineup Event/conference speaker lineup section with avatar, topic, 
   bio, and social links. Perfect for summits, webinars, and courses.
 *   Booking Form Appointment booking form with calendar date picker, time slot 
   selection, service type and confirmation message.
 *   Nutrition Label Display an FDA-style Nutrition Facts panel for recipes and 
   food products with full nutrient fields, daily value percentages, and custom 
   styling.
 *   Comparison Section Us vs. Them comparison table with feature rows, checkmark/
   cross icons, highlighted winner column, and full colour/typography controls.
 *   Scatter Plot XY scatter plot with multiple labelled series and optional trendline
   display.
 *   Objection Handler Address common sales objections with paired concern/response
   cards — great for landing pages, pricing pages, and sales copy.
 *   Integration Wall Showcase software integrations and connected apps with category
   filter, logos, and a 'Browse All' CTA.
 *   Diverging Bar Chart Horizontal bars extending left (negative) and right (positive)
   from a shared centre baseline — ideal for survey data, sentiment, and profit/
   loss comparisons.
 *   Memory Game Interactive card-flip memory matching game with emoji themes, difficulty
   levels, move counter, timer, and best score tracking.
 *   Promo Banner Dismissible announcement ribbon with message, link/button, gradient
   background and cookie memory.
 *   Feature Columns Responsive 2–4 column feature grid with icon, title, and description.
   Multiple icon and visual styles.
 *   Font Scale Type specimen / typography scale block showing font sizes from xs
   to 9xl. Displays sample text at each step with optional metadata (size, weight,
   line-height). Perfect for design systems and style guides.
 *   Tech Stack Showcase your technology stack or toolset. Category-grouped, logo
   images with labels, optional proficiency indicators and hover effects.
 *   Webinar Section Promote a live webinar or online event with date, speakers,
   agenda topics, countdown timer, and CTA.
 *   Metric Cards KPI / dashboard metric cards with trend indicators (up/down arrow
   + percentage change) and an optional mini sparkline. Different from Stats Counter—
   these show change-over-time context.
 *   Background Video A looping autoplay background video section with overlay and
   InnerBlocks content — distinct from video players or popups.
 *   Project Brief A structured project brief with goals, deliverables, stakeholders,
   risks, and budget.
 *   Contact Card Business card block with photo, contact details, and social links.
   Multiple style variants.
 *   Survey Results Display survey data with percentage bars, charts, and methodology
   notes.
 *   FAQ Categories Categorized FAQ with a sidebar (or top tab bar) category navigator
   and an accordion for each category. Ideal for comprehensive help centers and 
   support pages.
 *   Team Slider Team members in an interactive carousel. Each member has avatar,
   name, role, bio, social links, and department tag.
 *   Business Hours Display business opening hours with current status indicator.
 *   Progress Bar Display animated progress bars with customizable styles and labels.
 *   Video Grid Responsive grid of video cards with play-in-lightbox functionality.
   Supports YouTube, Vimeo, and self-hosted videos. Custom thumbnails, titles, and
   duration badges.
 *   Post Navigation Previous / Next article navigation with styled arrows, post
   titles, and optional thumbnails. Supports four layout styles: minimal text links,
   large arrow cards, split full-width divider, and pill buttons.
 *   Spotlight Card Card with a radial gradient spotlight that follows the mouse
   cursor on hover.
 *   Binary & Text Converter Convert text to binary, hexadecimal, and octal — and
   back. Includes an interactive ASCII table.
 *   Sponsored Disclosure FTC-compliant sponsored/paid partnership disclosure label.
 *   Lollipop Chart Elegant horizontal lollipop chart — thin stems with value circles
   at the end. A clean alternative to bar charts for rankings, scores, and comparisons.
 *   Event Debrief Post-event recap: highlights, attendee quotes, outcomes, and 
   lessons learned.
 *   Sticky Note Colored post-it style note with optional rotation, shadow, curl
   corner and handwritten font.
 *   Comparison Checklist Two-column 'With / Without' checklist comparison to highlight
   the value of your product or service.
 *   Spin Wheel An animated fortune-wheel random picker. Enter items, spin the wheel,
   and let it decide!
 *   Contrast Checker WCAG color contrast accessibility checker. Test foreground/
   background color combinations against AA and AAA standards.
 *   Certification Wall Showcase professional certifications, accreditations and
   badges with verify links.
 *   Stats Section A landing-page statistics section — large numbers with labels,
   icons, optional section heading, and multiple layout/style variants.
 *   Product Roundup Ranked multi-product review section with ratings, pros/cons
   and CTAs.
 *   Cookie Consent GDPR-compliant cookie consent banner with customizable position,
   layout, categories, and GTM integration.
 *   Salary Guide Display salary ranges by role and level with visual min/max bars
   and median markers.
 *   Testimonials Customer testimonials with avatars, ratings, and beautiful layouts.
 *   Team Card Standalone team member card with photo, name, role, bio, skills, 
   and social links.
 *   Creative Stats Waterfall Staggered waterfall layout of large statistics with
   animated counters and accent colors.
 *   Bio Section Personal biography section for coaches, authors, consultants, and
   founders. Features large photo, name, title, rich bio text, credential badges,
   a pull quote, and social links. Multiple layout options.
 *   Split Bill Calculator Calculate how much each person owes when splitting a 
   bill with tip among a group.
 *   Floating Stats A hero image composition with floating achievement/statistic
   cards positioned around it. Common SaaS and agency pattern for showing credibility
   at a glance.
 *   Tip Calculator Interactive bill, tip and split calculator. Enter the bill amount,
   choose a tip percentage with quick preset buttons, split by number of people,
   and instantly see total and per-person amounts.
 *   Meeting Recap Structured meeting notes with attendees, agenda, decisions, action
   items, and next steps.
 *   CSS Gradient Generator Interactive CSS gradient builder with live preview, 
   multiple color stops, and one-click CSS copy.
 *   Show Notes Podcast show notes with sponsors, chapters, links, resources, and
   featured quotes.
 *   YouTube Performance Embed High-performance YouTube embed with poster + lazy
   iframe on click.
 *   Heart Rate Calculator Calculate target heart rate training zones based on age
   and formula.
 *   Box Plot Box-and-whisker statistical chart showing min, Q1, median, Q3, max,
   mean, and outliers for multiple data series.
 *   Video Facade Performance-optimized video thumbnail that loads the actual YouTube
   or Vimeo player only on click. Eliminates heavy iframes on page load, improving
   Core Web Vitals. Supports custom thumbnails, overlay text, and animated play 
   buttons.
 *   Pixel Art Editor An interactive pixel art canvas. Visitors paint, fill, and
   erase pixels then download their creation as a PNG.
 *   Sticky Header A fully-styled site header with logo (image or text), navigation
   links, and an optional CTA button. Sticks to the top on scroll with a shrink 
   animation. Supports light, dark, glass, and gradient style variants.
 *   Hotspot Image Image with interactive hotspot pins that reveal tooltips on hover
   or click.
 *   Browser Mockup Display a realistic browser chrome window around a customizable
   mini page preview — perfect for product screenshots, UI demos, and tutorials.
 *   Interview Q&A Magazine-style interview Q&A with styled questions and answers,
   speaker info, and multiple visual styles.
 *   Logo Wall Display a static grid of client or partner logos with hover effects,
   grayscale mode, and optional links.
 *   Recipe Scaler Scale recipe ingredient quantities up or down by adjusting the
   number of servings. Add, edit and remove ingredients with a live WYSIWYG preview.
 *   Logo Grid A clean partner, client or 'as seen in' logo grid with optional label,
   grayscale effect, box backgrounds and multiple layouts.
 *   Monthly Budget Planner Interactive monthly budget planner with income and expense
   categories. Track spending, visualise balance and see how much is left to allocate.
 *   Image Accordion Expandable image panels that stretch open on hover or click—
   ideal for showcasing portfolios, services, or locations.
 *   Announcement Strip A thin dismissible announcement bar — ideal above the site
   header for promotions, launches, or alerts.
 *   Progress Tracker Multi-milestone progress tracker showing completion status
   on a visual timeline.
 *   Pricing Switcher Monthly/Yearly toggle that shows or hides pricing columns 
   on the page.
 *   Tic-Tac-Toe Playable Tic-Tac-Toe game with AI opponent, score tracking, custom
   symbols, and multiple difficulty modes.
 *   Salary Calculator Calculate take-home pay after federal/state taxes, Social
   Security, Medicare and retirement contributions.
 *   Size Guide Product or clothing sizing table with editable columns, rows, and
   optional highlight for recommended size.
 *   Feature Alternating Zigzag alternating feature rows — image on one side, feature
   list + CTA on the other. Pairs alternate left↔right automatically.
 *   Dark Hero Dark glassmorphism hero for AI, SaaS and tech sites. Features glow
   effects, gradient text, optional floating stat badges, badge pill, and rich button
   controls.
 *   Perspective Device CSS device mockup (browser, phone, tablet, laptop) with 
   screenshot inside — perfect for hero sections.
 *   Pricing Table Pricing card with plan name, price, features list, and CTA button.
   Highlight popular plans with a badge.
 *   Floating Tags Animated tag cloud where tags gently float with subtle motion.
 *   Audio Player Custom-styled audio player with cover art, track info, and branded
   controls. Perfect for podcasts and soundclips.
 *   Tech Radar A technology radar listing technologies by adoption ring and quadrant.
 *   Taxonomy List Display categories, tags or custom taxonomy as a styled list,
   grid, chips or cards — with icons, counts and links.
 *   Split Screen Two-panel side-by-side layout with independent backgrounds, content,
   and optional scroll-snap.
 *   Interactive Image Sheen An image card with a glossy light sheen that follows
   the mouse cursor, giving a premium holographic feel.
 *   Icon Cloud An interactive 3D sphere of icons, emojis, or tag words that auto-
   rotates and responds to mouse movement. Great for showcasing skills, technologies,
   or topics.
 *   Split Form Side-by-side lead generation section — content (heading, text, feature
   bullets) on one side and a fully configured email / sign-up form on the other.
 *   Rich Columns Multi-column layout with icons, headings, rich text, and optional
   links — ideal for features, benefits, or service descriptions.
 *   Product Showcase Full product detail section with image gallery, variant selectors,
   feature highlights, tabbed content, and trust signals.
 *   Phone Button A floating or inline click-to-call / WhatsApp button with pulse
   animation.
 *   Events Calendar Monthly events calendar grid with clickable events, color-coded
   categories, and an optional event list.
 *   Savings Calculator An interactive compound interest savings calculator. Enter
   initial deposit, monthly contribution, annual interest rate, and years to see
   total savings, interest earned, and a year-by-year growth breakdown.
 *   Bio Card Rich individual profile card with photo, name, role, bio text, skill
   tags, social links, availability badge, and CTA button.
 *   Population Pyramid Back-to-back horizontal bar chart showing two population
   groups (e.g. male/female, 2020/2030) by age or category.
 *   Message Thread Styled message conversation thread with chat bubbles, avatars,
   timestamps, and sender labels.
 *   BMI Calculator Interactive Body Mass Index calculator with metric and imperial
   units, animated result gauge, weight category indicator, and fully customizable
   styling.
 *   Snake Game Classic Snake game playable in the browser. Keyboard and on-screen
   touch controls, high-score tracking, multiple speed levels and color themes.
 *   Matrix Rain Canvas-rendered Matrix-style digital rain with falling character
   columns. Fully customizable character set, colors, speed and overlay content.
 *   Content Outline Structured article outline with numbered sections, sub-points,
   optional status badges, and estimated reading time.
 *   Release Notes Structured software or product release notes with versioned sections:
   Added, Changed, Fixed, Removed, Security, and Deprecated.
 *   FAQ Accordion FAQ section with smooth accordion expand/collapse, rich typography,
   and schema.org markup support.
 *   Accordion Collapsible accordion panels for FAQ, features, and more.
 *   Meme Generator Interactive meme maker. Visitors type top and bottom text over
   any image and download the result as a PNG.
 *   Lorem Ipsum Generator Generate placeholder Lorem Ipsum text by paragraphs, 
   sentences, words, or lists — with optional HTML output and one-click copy.
 *   Off-Canvas Drawer Slide-out side panel (drawer) triggered by a button.
 *   Content Flip Box A responsive grid of cards that flip on hover or click to 
   reveal a styled back face — perfect for services, features, team, and more.
 *   Course Curriculum Expandable course curriculum / syllabus with sections and
   lessons. Each lesson shows duration, type, and free/locked status. Perfect for
   online courses and training pages.
 *   Flip Countdown An airport-style flip-clock countdown timer with animated flip
   cards for days, hours, minutes and seconds.
 *   Side Menu Hierarchical vertical navigation with collapsible sections for docs,
   wikis, and multi-section pages.
 *   Reaction Bar Display emoji reaction counters (GitHub / Notion / Slack style)
   to show community sentiment on any content.
 *   Count Up Animated number counter that counts up when scrolled into view.
 *   Step Cards Process steps as cards with large sequential numbers, icons, titles,
   descriptions, and connector lines.
 *   Percentage Calculator An interactive percentage calculator with three modes:
   find percentage of a number, find what percentage one number is of another, and
   calculate percentage change between two values.
 *   Ticket Stub Stylized event ticket card with tear-off stub showing seat, row,
   section, barcode, and key event details.
 *   Tax Calculator Calculate sales tax, VAT, or estimate income tax brackets. Supports
   before-tax and after-tax price calculations with customizable tax rates and display
   options.
 *   Water Intake Calculator Calculate recommended daily water intake based on body
   weight, activity level and climate.
 *   Pros & Cons A two-column pros and cons comparison block for reviews and articles.
   Supports editable items, custom icons, heading, and full color control for each
   column.
 *   Sidenote Floated editorial annotation or margin note — pull text aside left
   or right with full styling.
 *   Multi-Step Form A wizard-style multi-step lead capture form with step indicator,
   per-step fields, and success message.
 *   Net Worth Calculator Track assets and liabilities to calculate total net worth.
   Categorised inputs for cash, investments, real estate, vehicles, and various 
   debt types.
 *   Gauge Chart SVG semicircular gauge / speedometer that animates on scroll with
   configurable color zones.
 *   Sprint Retrospective Agile sprint retro: velocity, mood, what went well, improvements,
   and action items with owners.
 *   Number Base Converter Convert numbers between binary, octal, decimal, and hexadecimal
   with live cross-conversion.
 *   Article Series Multi-part series navigator showing all articles with the current
   one highlighted and progress indicator.
 *   Affiliate Section Affiliate/referral program landing section with commission
   highlight, how-it-works steps, benefits list, and stats.
 *   Pricing Section All-in-one multi-tier pricing section with monthly/yearly toggle,
   feature rows, popular badge, and per-plan CTAs.
 *   Password Strength Meter Real-time password strength checker with visual bar,
   strength label and requirements checklist.
 *   Author Box Display a blog author profile card with avatar, name, bio, role 
   and social media links.
 *   Speed / Distance / Time Calculator Solve any part of the Speed / Distance /
   Time triangle. Enter two values to calculate the third, with unit conversion 
   between km/h, mph, m/s and more.
 *   Link in Bio Linktree-style profile block: avatar, name, bio, and a customizable
   stack of link buttons.
 *   FAQ with Search Accordion FAQ with a live client-side search filter above the
   items.
 *   3D Text Eye-catching 3D extruded text using CSS text-shadow layers and perspective
   transforms. Supports rotate-on-hover, float animation, and customizable depth,
   colors and typography.
 *   Rotating Image Tiles Responsive grid of tiles that continuously flip to reveal
   a second image, with staggered timing.
 *   Post Meta Bar A configurable post metadata row: author, date, reading time,
   categories, tags, and comment count.
 *   Logo Ticker Infinite scrolling logo marquee / ticker strip. Pure CSS animation.
 *   App Screenshot SaaS/app product screenshot section with annotated callout points,
   device frame, heading, subtext, and CTA. Perfect for software landing pages.
 *   Payment Methods Display accepted payment brand logos and security trust badges
   with built-in SVG icons.
 *   Social Stats Social media platform stats — display follower counts, subscriber
   milestones and engagement metrics with platform-branded icons (Instagram, YouTube,
   TikTok, LinkedIn, X/Twitter, Facebook, Pinterest).
 *   Gradient Text Heading or paragraph text with a rich gradient fill, optional
   outline, shadow, and CSS animation.
 *   SWOT Analysis 2×2 SWOT matrix with per-quadrant item lists, colors, and icons.
 *   Product 360° Drag or auto-spin through a sequence of images for immersive 360
   ° product views.
 *   Table of Contents Auto-generated table of contents from headings on the page,
   with smooth scroll and active-link highlighting.
 *   Fact Check Editorial fact-check verdict box with claim, verdict rating, explanation,
   and sources.
 *   Gradient CTA A bold full-width call-to-action section with a gradient or solid
   background, headline, subtitle, and buttons.
 *   Media Quote Quote with embedded video thumbnail (play button overlay) or image
   and speaker attribution. Perfect for podcast clips, interview excerpts, and video
   testimonials.
 *   Team Members Show your team members with photos, roles, bios, and social links.
 *   Price List Display restaurant menus, service pricing, or product catalogues
   with category sections, images, badges and rich styling.
 *   Color Tokens Design-system colour token reference. Displays named colour swatches
   grouped into palettes (Primary, Neutral, Semantic, etc.) with hex/RGB values.
   Visitors can click any swatch to copy its hex code.
 *   Testimonial Wall Masonry-style testimonial wall with platform source badges(
   Google, G2, Capterra, Twitter/X), per-card ratings, and featured card highlights.
 *   Gradient Section A full-width section with an animated CSS gradient background,
   headline, subtext, and dual call-to-action buttons.
 *   Product Spec Sheet Structured product specification sheet with grouped categories,
   key-value rows, and rich styling options.
 *   Mega Menu Full-width mega menu navigation with column groups, icons, images,
   CTAs and rich hover panels.
 *   Countdown Display a countdown timer to a specific date and time.
 *   Affiliate Disclosure Styled FTC-compliant affiliate link disclosure notice 
   for articles and reviews. Distinct from Affiliate Review Box — this is the small
   legal notice, not a full product review.
 *   Image Reveal Image with a curtain reveal effect triggered on hover or scroll,
   with overlay label and caption.
 *   Alert / Notice Info, success, warning or error notice block with icon, title
   and body text. Pure CSS — zero JS.
 *   Book Review Rich book review block with cover image, star rating, details grid,
   pros & cons, and Schema.org Book + Review structured data for SEO.
 *   Verdict Box Final verdict block for product reviews with a score, pros & cons,
   verdict text, recommendation, and award badges.
 *   2048 Game The classic sliding-tile 2048 puzzle. Swipe or use arrow keys to 
   merge tiles and reach the 2048 tile.
 *   Color Converter Live Hex ↔ RGB ↔ HSL color converter with a real-time color
   preview swatch.
 *   Waterfall Bar Chart Bridge / waterfall chart showing cumulative running totals
   with positive and negative steps.
 *   Case Study Client case study section with logo, challenge, solution, quantified
   before/after metrics and a pull quote. Perfect for agency, SaaS and consulting
   landing pages.
 *   Post Grid Display posts or custom post types in a responsive card grid. Powered
   by the built-in REST API endpoint.
 *   Electricity Cost Calculator Calculate electricity costs for home appliances.
   Add appliances with wattage and daily usage, set your rate per kWh, and see daily,
   monthly and annual costs.
 *   Sticky Video Video player that minimises into a floating corner player when
   scrolled past, with close and restore controls.
 *   Icon Box Single card with icon, title, text, and optional link button. Perfect
   for feature lists inside Row/Column.
 *   Scientific Calculator A fully functional scientific calculator with standard
   arithmetic, trigonometric, logarithmic, and power functions, memory storage, 
   and history log.
 *   Services Showcase Grid of service offerings with icon, title, description, 
   feature list and optional CTA.
 *   Pace Calculator Running, walking, or cycling pace calculator. Find pace from
   distance and time, find finish time from pace and distance, or find distance 
   from pace and time. Supports km and miles.
 *   Numbered List Visual numbered or icon section — each item has a styled badge,
   heading, description, optional image and optional link. Ideal for steps, benefits,
   and 'why choose us' sections.
 *   Mind Map Visual mind map diagram with a central topic, branches, and sub-items.
   Great for brainstorming, planning, and knowledge visualization.
 *   Split Panel Two-column comparison panel for Before/After, Problem/Solution,
   or any paired content.
 *   Demo / Trial Section Book-a-Demo or Start-Free-Trial CTA section with trust
   pills, social-proof stats, and optional product screenshot.
 *   Barcode Generator Generate Code128 barcodes from any text or number. Customize
   bar height, width, colors, and download as PNG.
 *   Sticky Two Column One column scrolls through feature highlights; the other 
   stays sticky showing the active image — perfect for product tours and feature
   pages.
 *   Coupon Eye-catching promo/discount coupon card with copyable code, expiry countdown,
   and flexible styling.
 *   Logo Carousel Show client/partner logos in a responsive carousel or grid.
 *   Metric Comparison Before/after KPI comparison cards with change arrows and 
   color-coded indicators.
 *   Loan Calculator Interactive mortgage and loan calculator with sliders for loan
   amount, interest rate, and term. Displays monthly payment, total interest, and
   total cost. Optional amortization schedule and doughnut chart.
 *   Contributor Box Multi-author attribution block with avatars, bios and social
   links.
 *   Color Swatch Display a branded color palette as a grid of swatches with names,
   HEX, RGB, and usage notes.
 *   Sticky Sidebar Two-column layout with a rich sticky sidebar — perfect for articles,
   docs, pricing pages, and long-form content.
 *   Text Columns Magazine-style multi-column text layout with drop cap, column 
   rule / divider, pull quote spanning all columns and per-column WYSIWYG editing.
 *   Aspect Ratio Calculator Calculate image or video dimensions, aspect ratios,
   and common presets for designers.
 *   Violin Plot Statistical violin plot showing data distribution shape and quartile
   summary for multiple groups.
 *   Histogram Chart Frequency-distribution histogram with configurable bins, colours,
   and axis labels.
 *   Progress Circle Animated SVG circular progress rings — perfect for skills, 
   stats, and KPIs.
 *   Pricing Slider Interactive pricing section with a usage/tier slider — drag 
   to select a plan and prices update dynamically with smooth animation.
 *   File Tree Display a visual file and folder tree structure — ideal for documentation,
   project overviews, and tutorials.
 *   Image Mask Display an image through a decorative shape mask — circle, hexagon,
   blob, star, diamond, cross, heart, or pentagon.
 *   Hash Generator Generate MD5, SHA-1, SHA-256 and SHA-512 cryptographic hashes
   from any text input. Useful for developers, security professionals and data integrity
   checks.
 *   Macro Calculator Calculate daily macronutrients (protein, carbs, fat) based
   on TDEE and fitness goals.
 *   Retirement Calculator Project retirement savings based on current age, target
   retirement age, monthly contributions, and expected investment returns. Shows
   inflation-adjusted projections with a visual breakdown.
 *   Gantt Chart Project timeline Gantt chart with tasks, phases, milestones, and
   a today indicator. Rendered in pure CSS — no library required.
 *   Callout Highlighted panel for tips, warnings or success messages with icon,
   title and dismissible option.
 *   Print / PDF Button A print button that opens the browser print dialog (Save
   as PDF included). Supports custom icons via the shared icon picker.
 *   Gradient Blob Full-width section with animated CSS gradient blobs as background
   and InnerBlocks for content.
 *   Card Carousel Horizontal drag-to-scroll card carousel with rich cards, autoplay,
   arrows, dots, and responsive column settings.
 *   Random Picker Enter a list of items and pick a random winner with an animated
   highlight effect.
 *   Horizontal Timeline Horizontal scrolling timeline with draggable track, alternating
   items above/below the line, animated entry, and rich styling options.
 *   Chapter Navigation Multi-part guide and series navigation with progress, prev/
   next, and chapter list.
 *   Testimonial Grid Static masonry-style grid of testimonial cards with stars,
   avatars, and author details.
 *   Column A column container within a row for content.
 *   Row A row container for columns with drag-resize support.

## Asennus

 1. Upload the plugin files to the `/wp-content/plugins/blockenberg` directory, or 
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ’Plugins’ screen in WordPress.
 3. Add Blockenberg blocks to your pages or posts using the WordPress block editor.

## UKK

### Are these blocks compatible with my theme?

Yes! Blockenberg blocks are designed to work with any modern, well-coded WordPress
theme.

### Can I customize the blocks?

Absolutely. Each block offers extensive customization options in the block editor
sidebar, including colors, typography, layout, and more.

### Are the blocks accessible?

Yes. All blocks are built with accessibility in mind, including keyboard navigation
and ARIA labels.

## Arvostelut

![](https://secure.gravatar.com/avatar/2694e9992a6d70c01671f9f55fd0889d6111669cf1c796c7ef65c617258f2e30?
s=60&d=retro&r=g)

### 󠀁[Impressive options but lacking functionality](https://wordpress.org/support/topic/impressive-options-but-lacking-functionality/)󠁿

 [shineandre](https://profiles.wordpress.org/shineandre/) 30.7.2026 2 replies

Looks impressive with the many options but unfortunately there are alot of lose 
ends with this plugin. For one the galleries are not responding properly. The panel
galery also after uploading fotos display no photos.

![](https://secure.gravatar.com/avatar/14dc9785c4595aeea06ffe1b6bb064fadd33107fae150a9031f46257532c3155?
s=60&d=retro&r=g)

### 󠀁[Astonishing](https://wordpress.org/support/topic/astonishing-15/)󠁿

 [jamtpg23](https://profiles.wordpress.org/jamtpg23/) 28.6.2026 2 replies

This plugin apparently replaces multiple paid plugins. It’s nicer, easier, and full
featured to a level you won’t believe. I kind of don’t believe it myself. I do wish
all plugins were designed like this. And I don’t think I will ever finish trying
all the blocks.

![](https://secure.gravatar.com/avatar/111a613024228e15642513d7c7fec01540147ab2a7883ac09aceab432caf5e6e?
s=60&d=retro&r=g)

### 󠀁[Another ”how is this free” jaw drop](https://wordpress.org/support/topic/another-how-is-this-free-jaw-drop/)󠁿

 [antboost](https://profiles.wordpress.org/antboost/) 3.6.2026 2 replies

I don’t know who decided Blockenberg should be free, but I hope they’re having an
absolutely spectacular day and continue to have spectacular days for the rest of
their existence. This plugin is ridiculously good. Clean blocks, zero fuss, no friction,
snazzy UX and UI. I keep waiting for a catch to jump out and yell “SURPRISE! YOU
MUST NOW PAY WITH A BLOOD SACRIFICE OR WE’LL DESTROY EVERY SINGLE SITE YOU HAVE 
EVER BUILT,” but nope…it’s just excellent. An absolute gem.

![](https://secure.gravatar.com/avatar/e087c0cbf454ff28db19f85ec3d787168c65f3471f4bb0b03a0c58895f856666?
s=60&d=retro&r=g)

### 󠀁[Simply amazing](https://wordpress.org/support/topic/simply-amazing-254/)󠁿

 [eugeniesantiago](https://profiles.wordpress.org/eugeniesantiago/) 25.5.2026 2 
replies

A treasure trove of Gutenberg blocks! This plugin completely transformed my dull
LearnPress course into a professional-looking website. The number of features it
introduces-and how great they look-is truly amazing. Technical support is equally
good. I reported an issue and it was fixed with an update within hours.

![](https://secure.gravatar.com/avatar/e6d0cffecb2b3ba0b06ce0a744de253508ac7f1b66f67c70c9dbb19513f11f0e?
s=60&d=retro&r=g)

### 󠀁[How is this free??](https://wordpress.org/support/topic/how-is-this-free-3/)󠁿

 [clickrdigi](https://profiles.wordpress.org/clickrdigi/) 18.5.2026 1 reply

This is extremely competitive to some of the industry leading plugins out there.
I’m not sure how this is free, but this deserves a 5-star review. I created an account
on wordpress.org for this.Thanks Blockenberg

 [ Lue kaikki 5 arvostelua. ](https://wordpress.org/support/plugin/blockenberg/reviews/)

## Avustajat & Kehittäjät

“Blockenberg — 600+ Advanced Gutenberg Blocks for WordPress Block Editor” perustuu
avoimeen lähdekoodiin. Seuraavat henkilöt ovat osallistuneet tämän lisäosan kehittämiseen.

Avustajat

 *   [ blockenberg ](https://profiles.wordpress.org/blockenberg/)
 *   [ Alex ](https://profiles.wordpress.org/alxrlov/)
 *   [ Olga ](https://profiles.wordpress.org/olgadev/)

“Blockenberg — 600+ Advanced Gutenberg Blocks for WordPress Block Editor” has been
translated into 1 locale. Kiitoksia [kääntäjille](https://translate.wordpress.org/projects/wp-plugins/blockenberg/contributors)
heidän työstään.

[Käännä “Blockenberg — 600+ Advanced Gutenberg Blocks for WordPress Block Editor” omalle kielellesi.](https://translate.wordpress.org/projects/wp-plugins/blockenberg)

### Oletko kiinnostunut kehitystyöstä?

[Browse the code](https://plugins.trac.wordpress.org/browser/blockenberg/), check
out the [SVN repository](https://plugins.svn.wordpress.org/blockenberg/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/blockenberg/) by
[RSS](https://plugins.trac.wordpress.org/log/blockenberg/?limit=100&mode=stop_on_copy&format=rss).

## Muutosloki

#### 2.0.12 – Aug 23, 2026

 * [New] Print / PDF Button — opens the browser print dialog (Save as PDF). Shared
   icon picker, inline or floating layout, typography and colors.
 * [New] User Field block — display logged-in profile values (first name, last name,
   display name, email, and more) with guest fallback options.
 * [Security] Contact Form no longer accepts an unsigned recipient from the client(
   HMAC-signed allowlist; otherwise admin email only), closing an open mail-relay
   vector.
 * [Security] Contact Form Reply-To / subject headers now strip CR/LF to prevent
   email header injection.
 * [Fixed] Gallery Showcase main image no longer collapses on the frontend (aspect-
   ratio layout; editor preview was fine).
 * [Fixed] Gallery Showcase captions show in the editor; “Below” position no longer
   uses invisible white text on the frontend.
 * [Fixed] Gallery Showcase no longer picks up Gradient Section’s purple background
   in the editor (shared `.bkbg-gs-wrapper` class).
 * [Fixed] Uninstall now also deletes the blockenberg_disabled_blocks option.
 * [Improved] Masonry Grid enables “Lightbox on Click” by default for new blocks.
 * [Compatibility] Tested up to WordPress 7.1.

#### 2.0.11 – Jul 22, 2026

 * [Fixed] Invalid trailing commas in Lottie, QR Code, and Testimonials block.json
   files that caused wp_json_file_decode() notices on WordPress 7.0.
 * [Fixed] Flashcard, Course Lesson, and Course Curriculum blocks no longer break
   validation after plugin updates (stable data-opts whitelist; cards stored as 
   array; deprecated migrations).
 * [Fixed] Flashcard Recover now preserves custom cards instead of resetting the
   deck.

#### 2.0.10 – May 26, 2026

 * [Fixed] Flashcard keyboard shortcuts are now scoped to the Flashcard block and
   no longer intercept typing in other plugins, such as LearnPress sticky note editors.
 * [Improved] Added an ”Enable keyboard shortcuts” option to Flashcard so site owners
   can disable arrow-key and spacebar shortcuts when needed.

#### 2.0.9 – May 23, 2026

 * [Fixed] Knowledge Check block now keeps the explanation hidden until the answer
   is revealed when ”Show explanation after reveal” is enabled.
 * [Compatibility] Reviewed plugin readiness for WordPress 7.0 block editor APIs
   and PHP 8.5+ compatibility.
 * [Compatibility] PHP files lint clean on the PHP 8.4.6 runtime; no deprecated 
   PHP compatibility patterns were found in the plugin PHP sources during this review.

#### 2.0.8 – Apr 25, 2026

 * [Improved] Refined shared block controls for a smoother editing experience across
   the library.
 * [Improved] Better responsive behavior and frontend consistency for layout, content,
   and media blocks.
 * [Fixed] General stability and compatibility improvements for modern WordPress
   block editor workflows.

#### 2.0.7 – Mar 6, 2026

 * [New] Large collection of new blocks across all categories, including interactive
   tools, media blocks, marketing sections, and more.

#### 2.0.6 – Feb 21, 2026

 * [New] Alert block.
 * [New] Blockquote block.
 * [New] Call to Action block.
 * [New] Flip Card block.
 * [New] Icon Box block.
 * [New] Separator block.
 * [New] Star Rating block.
 * [New] Styled List block.

#### 2.0.5 – Feb 16, 2026

 * [New] Add advanced styles tab for blocks with layout, background, border, and
   responsive settings.
 * [Improved] Section block full-width and boxed max-width options with better alignment
   support.

#### 2.0.4 – Jan 29, 2026

 * [New] Marquee / Announcement Bar block with scrolling text, pause on hover, and
   accessibility.
 * [New] Vimeo Performance Embed block (poster + iframe only on click).
 * [New] YouTube Performance Embed block (poster + iframe only on click).
 * [New] Stats Counter block with animated number counters.
 * [New] Before/After Slider block to compare two images with a draggable handle.

#### 2.0.3 – Jan 23, 2026

 * [New] Team Members block.
 * [New] Testimonials block.
 * [New] Logo Carousel block.
 * [Improved] Various fixes and enhancements to existing blocks.

#### 2.0.2 – Jan 16, 2026

 * Initial release of Blockenberg plugin.

## Metatiedot

 *  Version **2.0.12**
 *  Last updated **12 tuntia sitten**
 *  Active installations **900+**
 *  WordPress version ** 5.6 or higher **
 *  Tested up to **7.1**
 *  Languages
 * [English (US)](https://wordpress.org/plugins/blockenberg/) ja [Lao](https://lo.wordpress.org/plugins/blockenberg/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/blockenberg)
 * Tags
 * [blocks](https://fi.wordpress.org/plugins/tags/blocks/)[custom blocks](https://fi.wordpress.org/plugins/tags/custom-blocks/)
   [editor](https://fi.wordpress.org/plugins/tags/editor/)[gutenberg](https://fi.wordpress.org/plugins/tags/gutenberg/)
   [page builder](https://fi.wordpress.org/plugins/tags/page-builder/)
 *  [Edistynyt näkymä](https://fi.wordpress.org/plugins/blockenberg/advanced/)

## Arvosanat

 4.2 out of 5 stars.

 *  [  4 5-star reviews     ](https://wordpress.org/support/plugin/blockenberg/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/blockenberg/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/blockenberg/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/blockenberg/reviews/?filter=2)
 *  [  1 1-star review     ](https://wordpress.org/support/plugin/blockenberg/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/blockenberg/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/blockenberg/reviews/)

## Avustajat

 *   [ blockenberg ](https://profiles.wordpress.org/blockenberg/)
 *   [ Alex ](https://profiles.wordpress.org/alxrlov/)
 *   [ Olga ](https://profiles.wordpress.org/olgadev/)

## Tuki

Viimeisen kahden kuukauden aikana ratkaistut ongelmat:

     2 / 2

 [Tukifoorumi](https://wordpress.org/support/plugin/blockenberg/)