Blockenberg — 600+ Advanced Gutenberg Blocks & AI Agent for WordPress Block Editor

Blocs

Cette extension fournit 645 blocs.

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