Brutal Blocks

Blog

  • Brutal Pricing Tables Block: High-Converting Gutenberg Pricing Grids

    Your pricing section is the most critical part of your website. It is where visitors decide to become paying customers. You cannot afford to use clunky, slow, or ugly layouts. The Brutal Pricing Tables block gives you a highly optimized, beautifully responsive canvas to showcase your plans and drive conversions directly inside the Gutenberg editor.

    Forget about spending hours tweaking colors. This block smartly inherits your theme’s default color palette, ensuring your pricing tables look like a native, seamless part of your brand from the very first second.

    🔥 What makes it brutal?

    • Monthly/Yearly Switcher: Instantly boost your cash flow. Add a sleek toggle to let users switch between monthly and annual pricing plans with a single click.
    • Highlight Your Best Plan: Push your visitors toward your most profitable package. Use the “Highlight” toggle to visually pop a specific column and make it the obvious choice.
    • Custom Badges: Add eye-catching ribbons or text badges (like “Most Popular” or “Best Value”) to draw immediate attention.
    • Zero-Bloat Bullet Icons: Ditch the boring default bullet points. We integrated our blazing-fast Lucide SVG icon-picker so you can add custom, lightweight icons to every single feature on your list.

    Basic

    $19/mo
    • Premium Support
    • Unlimited Bandwidth
    Get Started

    Pro

    $19/mo
    • Premium Support
    • Unlimited Bandwidth
    Get Started

    Enterprise

    $19/mo
    • Premium Support
    • Unlimited Bandwidth
    Get Started

    💸 FREE vs. PRO

    The Free version is great for a basic freelance site, but if you are running a SaaS, an agency, or a serious business, you need the conversion tools locked inside the PRO version.

    • FREE Version: Gives you up to 3 pricing columns. You can set your button URLs and use the Highlight toggle to make one plan stand out. However, you are completely locked out of list icons, custom badges, and the monthly/yearly toggle.
    • PRO Version (Unleash the Beast): The ultimate sales engine.
      • Unlimited Columns: Need to display 4, 5, or more plans? You got it.
      • The Monthly/Yearly Toggle: Unlock the interactive pricing switcher to upsell annual subscriptions.
      • Custom SVGs for Features: Access our 1,600+ zero-bloat SVG icon-picker to create beautiful, custom bullet lists that clearly communicate value.
      • Custom Badges: Add text ribbons to highlight your highest-converting plans.

    🛠️ Quick Help: Up and running in seconds

    Building a professional pricing section is incredibly straightforward:

    1. Click on the + icon in your editor and type “Brutal”, then click on Browse All. Alternatively, click the + icon on the top left corner of the editor screen, scroll down to the Brutal Blocks section (or type “brutal” in the search field), and drop the “Brutal Pricing Tables” block onto your layout.
    2. Free users: Start filling in your plan names, prices, and features (max 3 columns) directly in the canvas. Turn on the Highlight toggle on your preferred plan and add your Button URLs.
    3. PRO users: Head to the right sidebar to activate the Monthly/Yearly toggle. Set your dual prices directly in the canvas.
    4. PRO users: Add Custom Badges to your columns and use the icon-picker to replace standard bullet points with optimized SVG icons.
    5. Save your page and watch your conversion rates climb.

  • Brutal Newsletter Block: The Ultra-Secure Resend Opt-In (PRO Exclusive)

    Stop bloating your WordPress database with heavy, resource-hungry newsletter plugins. The Brutal Newsletter Block is a lean, high-converting email opt-in built specifically to connect the Gutenberg editor with the powerful Resend API.

    We act as the ultimate, blazing-fast bridge: this block beautifully captures your visitors’ emails and instantly pipes them into your Resend audience. From there, you manage your lists, broadcast emails, and track analytics directly inside Resend. Pure efficiency, zero WordPress bloat.

    🔥 What makes it brutal?

    • Rock-Solid API Security: Never expose your credentials. Unlike poorly coded plugins, we built a secure configuration Modal that saves your Resend API key directly and safely into your database. It never leaks into your front-end code.
    • Two Stunning Layouts: Choose between a highly responsive “Inline” fluid design that magically adapts to any width, or a beautiful “Card” (boxed) layout to make your opt-in pop.
    • GDPR Compliant: One-click toggle to add a consent checkbox, ensuring your lead generation strictly follows European privacy laws without the headache.
    • Zero-Bloat SVG Icons: Boost your submit button’s click-through rate using our native Lucide icon-picker. Inject beautifully clean SVGs directly into the button, and use our exclusive “Fill” toggle to make simple shapes stand out.
    • Total Customization: Easily modify the email input placeholder text to match your brand’s voice and perfectly integrate the block into your site’s aesthetic.

    💸 FREE vs. PRO

    If you are building a serious mailing list, you need professional tools. This is a highly specialized integration designed for businesses that value speed, security, and aesthetics.

    • FREE Version: The Newsletter block is not available in the Free tier.
    • PRO Version (Unleash the Beast): Unlocks the complete Resend integration, both premium layouts (Inline and Card), the built-in GDPR compliance toggle, the secure API Modal, and the zero-bloat SVG icon-picker. It is everything you need to start capturing leads securely and efficiently.

    🛠️ Quick Help: Up and running in seconds

    Connecting your WordPress site to Resend is incredibly easy:

    1. Click on the + icon in your editor and type “Brutal”, then click on Browse All. Alternatively, click the + icon on the top left corner of the editor screen, scroll down to the Brutal Blocks section (or type “brutal” in the search field), and drop the “Brutal Newsletter (PRO)” block onto your layout.
    2. Select your preferred layout in the right sidebar (Inline or Card) and modify your placeholder text.
    3. Configure Resend: Click the “Configure API Resend” button. A secure Modal will open. Paste your Resend API key here (it works with both their free and paid tiers) to securely save it to your database.
    4. Toggle the GDPR Compliance on if you have European visitors.
    5. Use the custom icon-picker to add an optimized SVG to your submit button (and try the Fill toggle!).
    6. Save your page. The block will now securely capture emails and send them directly to your Resend account.

  • Brutal Marquee & Ticker Block: The Ultimate Scrolling Announcement Bar

    Scrolling text bars are back and they are the hottest way to grab your visitors’ attention. Whether you want to announce a flash sale, display breaking news, or showcase a scrolling list of your clients’ logos, the Brutal Marquee Block is the perfect WordPress ticker for the Gutenberg editor.

    Forget about heavy plugins that slow down your site. Our ticker is incredibly lightweight, perfectly inherits your theme’s default colors (so it matches your brand instantly), and seamlessly adapts to any screen size or narrow sidebar without breaking a sweat.

    🔥 What makes it brutal?

    • Unlimited Items: Add as many announcements, text snippets or icons as you want into a single scrolling bar.
    • Total Color Control: Easily customize the background and text colors to make your ticker pop or blend smoothly with your design.
    • Insanely Responsive: Just like the rest of the Brutal Blocks family, it automatically recalculates and perfectly adapts to 4K monitors, tiny mobile screens, or tight widgets.
    BRUTAL BLOCKS IS AWESOME •

    💸 FREE vs. PRO

    The Free version gets the job done if you just need a simple, rolling piece of text. But if you want to create an eye-catching, dynamic element that forces users to look, you need the PRO version.

    • FREE Version: The basics. You can add a text and change the background and text colors. However, you are locked out of the animation controls, speed settings, and icons.
    • PRO Version (Unleash the Beast): The ultimate control panel for your ticker.
      • Zero-Bloat Icons: Inject our lightweight SVG icons directly next to your text items to make them visually striking.
      • Advanced Animations: Unlock premium motion effects like “Ping-Pong” (bouncing back and forth) and “Vertical Scroll”, plus the essential “Pause on Hover” feature so users can easily read your content.
      • Speed & Direction Control: Fine-tune the exact speed (seconds per loop) and choose whether your ticker scrolls to the Left or the Right.
    BRUTAL BLOCKS IS AWESOME •
    BRUTAL BLOCKS IS AWESOME •

    🛠️ Quick Help: Up and running in seconds

    Deploying a custom marquee on your site is ridiculously easy:

    1. Click on the + icon in your editor and type “Brutal”, then click on Browse All. Alternatively, click the + icon on the top left corner of the editor screen, scroll down to the Brutal Blocks section (or type “brutal” in the search field), and drag and drop the “Brutal Marquee” onto your layout.
    2. Start typing your text into the item fields. Need more? Just click to add unlimited new items.
    3. Use the right sidebar to tweak your background and text colors.
    4. PRO users: Add SVG icons to your text, adjust the scrolling speed, change the direction, and activate advanced animations like Pause on Hover or Vertical Scroll.
    5. Save your page and watch your announcements roll.

  • Brutal Icon Block: The Ultimate Zero-Bloat SVG Icon Library

    Stop destroying your Google PageSpeed scores by loading massive icon fonts (like FontAwesome) just to display a couple of graphics on your page. The Brutal Icon Block is a lightning-fast WordPress SVG icon block that gives you absolute design control natively inside the Gutenberg editor.

    🔥 What makes it brutal?

    • 1,600+ Pure SVGs (Zero Bloat): Powered by our custom Lucide icon-picker. We only save the raw SVG path directly to your database. No external scripts, no heavy font files loaded on the frontend. Just instant, uncompromised speed.
    • Infinite Scaling: Use the custom size slider to make your icons as tiny as a text character or incredibly massive. Because it is pure SVG code, it stays flawlessly crisp at any resolution.
    • The “Fill” Magic Toggle: Lucide icons are only available beautifully outlined. We engineered a custom toggle that automatically fills the inside of the icon (this works perfectly on simple geometric shapes like hearts, stars, or squares).
    • Bring Your Own Code: Have a specific vector graphic? You can bypass the library entirely and paste your Custom SVG code directly into the block.
    • Animate & Style: Wrap your icons in a sleek Circle or Box background, turn them into clickable links (with an “Open in new tab” option), and grab your visitors’ attention with premium CSS animations (Spin, Float, Pulse, and Shake).

    💸 FREE vs. PRO

    The Free version lets you taste the pure speed of SVG, but if you are building a serious landing page, the PRO version is non-negotiable.

    • FREE Version: Extremely limited. You get access to the 1,600+ icon picker, but you are strictly locked to a maximum of 3 icons per page. No animations, no backgrounds, no custom SVGs.
    • PRO Version (Unleash the Beast): The ultimate design upgrade.
      • Unlimited Icons: Build massive feature grids, service sections, and complex layouts with zero restrictions.
      • Advanced Styling: Unlock the sleek Circle and Box background wrappers.
      • Animations: Make your page alive with Spin, Float, Pulse, and Shake effects.
      • Link & Fill: Turn any icon into a fully functional hyperlink and unlock the exclusive Fill toggle.
      • Custom SVG Support: Total freedom to paste your own vector code.

    🛠️ Quick Help: Up and running in seconds

    Adding optimized icons to your layout takes no time at all:

    1. Click on the + icon in your editor and type “Brutal”, then click on Browse All. Alternatively, click the + icon on the top left corner of the editor screen, scroll down to the Brutal Blocks section (or type “brutal” in the search field), and drag and drop the “Brutal Icon” onto your layout.
    2. Open the icon-picker in the right sidebar to search and choose from over 1,600 native SVGs.
    3. Use the slider to effortlessly scale your icon from tiny to massive.
    4. PRO users: Link your icon, toggle the Fill option, or paste your Custom SVG code.
    5. PRO users: Apply a background shape (Circle or Box) and select an eye-catching animation. Save your page and enjoy the blazing-fast load times.

  • Brutal Call to Action Block: High-Converting Gutenberg CTAs Without the Bloat

    Stop losing leads because of boring, easy-to-ignore buttons. The Brutal Call to Action (CTA) is the ultimate conversion WordPress block, designed to grab your visitors’ attention and force them to click. Whether you are selling a product, capturing emails, or driving traffic to a specific page, this block gives you the exact design tools you need directly inside the Gutenberg editor.

    🔥 What makes it brutal?

    • Zero Front-End Bloat (The SVG Genius): We built a custom icon-picker featuring the entire Lucide library (1,600+ icons). But here is our secret weapon: the library only loads in the backend editor. Once you pick an icon, we save only its raw SVG path directly to your database. On the front end, there are no heavy icon fonts or third-party scripts loaded—just pure, instantly rendered SVG code. Maximum aesthetics, absolute zero performance hit.
    • 4 High-Impact Layouts: Choose from Basic, Split Left, Split Right, or Stacked Center to perfectly match your page design.
    • Dual Buttons & Styles: Add a primary and an optional secondary button. Style them as Solid, Outlined, or Ghost to create clear visual hierarchies.
    • Eye-Catching Aesthetics: Set gorgeous background images and use slick entrance animations (Fade In Up, Zoom In) to make your CTA pop the second it enters the screen.

    Ready to get started?

    Join thousands of satisfied users today.

    Get Started

    💸 FREE vs. PRO

    We are going to be honest: the Free version is strictly for the absolute basics. If you actually want to make money and drive conversions on a professional site, you need the PRO version.

    • FREE Version: Extremely limited. You are locked to the Basic layout, zero animations, no background images, no icons, and just 1 single button. It is a bare-bones taste of what the block can do.
    • PRO Version (Unleash the Beast): The ultimate conversion engine.
      • Unlimited CTAs: Drop as many powerful Call to Actions across your website as you want.
      • All 4 Premium Layouts: Unlock the Split and Stacked layouts for advanced page designs.
      • 1,600+ Zero-Bloat Icons: Access the custom Lucide icon-picker to boost your button click-through rates without slowing down your site.
      • Secondary Buttons: Add a second button (e.g., “Buy Now” as primary, “Learn More” as secondary).
      • Backgrounds & Animations: Upload custom background images and trigger stunning scroll animations.

    🛠️ Quick Help: Up and running in seconds

    Deploying a high-converting CTA takes no time at all:

    1. Click on the + icon in your editor and type “Brutal”, then click on Browse All. Alternatively, click the + icon on the top left corner of the editor screen, scroll down to the Brutal Blocks section (or type “brutal” in the search field), and drag and drop the “Brutal Call to Action” onto your layout.
    2. Type your compelling headline and subheadline.
    3. Free users: Customize your single button’s text, URL, and style (Solid, Outlined, or Ghost).
    4. PRO users: Head to the right sidebar to select a new Layout, upload a Background Image, and set up your entrance Animation.
    5. PRO users: Use the icon-picker to add zero-bloat SVGs to your buttons, and toggle on the Secondary Button if you need dual actions. Save and watch the clicks roll in.

  • Brutal Contact Form Block: The Blazing Fast, No-Reload Form Builder

    Contact forms shouldn’t slow down your website or force annoying page reloads that frustrate your visitors. The Brutal Contact Form block is engineered for pure speed and high conversions. By leveraging a custom WordPress REST API integration, messages are sent instantly and smoothly without the page ever refreshing. It is the ultimate lightweight Gutenberg contact form for users who demand extreme performance.

    🔥 What makes it brutal?

    • Zero Page Reloads (AJAX-powered): Built on a slick REST API architecture, submitting a message feels instant and seamless.
    • Fiercely Lightweight: We ditched the bloat of traditional contact form plugins. Everything is cooked in-house to guarantee your Google PageSpeed scores stay untouched.
    • Modern Aesthetic: A beautifully clean, conversion-optimized design right out of the box that adapts perfectly to any device.

    GET IN TOUCH

    This is just a demo.

    💸 FREE vs. PRO

    The Free version covers the absolute bare minimum, but if you run a serious business or agency, the PRO version is an absolute no-brainer.

    • FREE Version: Perfect for a simple personal blog. You are strictly limited to 3 fields (Name, Email, Message) and it routes everything through the standard, often unreliable WordPress wp_mail() function.
    • PRO Version (Unleash the Beast): Turn your website into a bulletproof lead-generation machine.
      • Unlimited Fields: Collect all the exact data you need from your clients.
      • Resend API Integration: Stop losing leads to the spam folder. Seamlessly integrate the Resend API (works with their free or paid tiers) for flawless, lightning-fast email deliverability. (If you don’t set up a Resend account -free or paid- the form automatically uses wp_mail() ).
      • Google reCaptcha v3: Keep the bots out with invisible, silent, and bulletproof spam protection.
      • The WhatsApp Module (Performance Masterpiece): Let clients text you instantly. This feature automatically generates a clickable WhatsApp QR code. On mobile, tapping it instantly opens the WhatsApp app. To guarantee extreme performance, the generated QR code is cached directly in your database for a full year, entirely eliminating external API calls and keeping your load times brutally fast.

    🛠️ Quick Help: Up and running in seconds

    Getting your form live is incredibly easy:

    1. Click on the + icon in your editor and type “Brutal”, then click on Browse All. Alternatively, click the + icon on the top left corner of the editor screen, scroll down to the Brutal Blocks section (or type “brutal” in the search field), and drag and drop the “Brutal Contact Form” onto your layout.
    2. Free users: Set up the 3 fields on your sidebar (Name, Email, and Message). Hit save and you’re ready to go.
    3. PRO users: Add unlimited fields with the + on your Canvas. Head to the right sidebar to set up each field.
    4. Configure your delivery (PRO): In the block settings, enter your Resend API key for guaranteed deliverability and set up your reCaptcha v3 keys to block spam.
    5. Activate WhatsApp (PRO): Toggle the WhatsApp module on, enter your number, and let the block generate your ultra-optimized QR code.

  • Brutal Code Block: The Sleekest, Zero-Bloat Syntax Highlighter for WordPress

    Sharing code snippets on your WordPress blog shouldn’t look like a chaotic mess of raw text, nor should it kill your page speed. The Brutal Code Block gives you a stunning, macOS-style terminal window right inside the Gutenberg editor without relying on heavy third-party scripts. It is the ultimate WordPress code block for developers, tech bloggers, and educators who want their snippets to look professional, be ridiculously easy to read, and load at lightning speed.

    🔥 What makes it brutal?

    • Zero External Dependencies: Forget about bloated libraries. This block is built entirely in-house using our own recipe. It is incredibly lightweight and fiercely focused on extreme performance without sacrificing an ounce of aesthetics or ease of use.
    • Sleek Mac-Style Front-End: Displays your code in a beautiful, macOS-inspired terminal window. It instantly makes your technical posts look incredibly premium.
    • Interactive Line Highlighting: Need to draw attention to a specific part of your code? Simply click the line number directly in the editor, or type the lines in the sidebar (e.g., 2, 4, 6-10). Those specific lines will be brilliantly highlighted on the front end to guide your readers.
    • Perfect Syntax Highlighting: Perfectly colors your code based on the language you choose, featuring a highly optimized variant for C-style and Object-Oriented languages.
    function brutalBlocks() {
    console.log('Brutal Blocks rules!');
    return true;
    }

    💸 FREE vs. PRO

    If you are serious about sharing code, the PRO version is an absolute must-have. The PRO version unlocks the ultimate developer experience.

    • FREE Version: Extremely basic. Limited to Plain Text. No themes, no filename display, no line highlighting, no zebra-striped lines, and no copy button.
    • PRO Version (Unleash the Beast): * 20 Programming Languages: Support for everything from PHP and Python to CSS and beyond.
      • 4 Premium Themes: Match your site’s vibe instantly with Dark, Light, Terminal, or Midnight Blue.
      • Ultimate Readability: Unlocks beautiful zebra-striped lines on the front end and full line-highlighting capabilities.
      • The “Copy” Button & Filename: Adds a one-click “Copy Code” button and displays the file name at the top of the terminal. It is the ultimate UX upgrade for your visitors.

    🛠️ Quick Help: Up and running in seconds

    Adding professional code snippets to your pages is incredibly fast:

    1. Click on the + icon in your editor and type “Brutal”, then click on Browse All. Alternatively, click the + icon on the top left corner of the editor screen, scroll down to the Brutal Blocks section (or type “brutal” in the search field), and drag and drop the “Brutal Code Block” onto your layout.
    2. Type or paste your code directly into the editor console.
    3. Head to the right sidebar to select your Language and Theme (PRO).
    4. Want to highlight lines? Click the line numbers in the editor, or type the ranges (like 2, 4, 6-10) in the sidebar settings.
    5. Add an optional Filename (PRO), save your page, and watch your code look absolutely spectacular.

  • Brutal Bento Grid: The Trendiest Manual Layout for WordPress

    Bento grids are the hottest design trend right now (popularized by Apple and modern SaaS dashboards). But building them from scratch is an absolute nightmare. The Brutal Bento Grid block gives you a highly flexible, visual canvas to craft stunning “bento box” layouts directly inside the Gutenberg editor.

    Unlike our Dynamic version, this manual WordPress bento grid block is built for curation. It is the perfect tool to showcase your social media highlights, external links, portfolio pieces, or favorite resources exactly how you want them.

    🔥 What makes it brutal?

    • Pixel-Perfect Curation: You are in total control. Each cell allows you to manually set a gorgeous background image, add your custom title/content, slap on a sleek category badge, and link it anywhere you want.
    • Customize the Vibe: Keep it sharp with square edges or toggle the rounded corners on to give it that authentic, modern app feel.
    • Flawlessly Responsive: Forget about broken layouts. It looks incredibly premium on desktop monitors and smartly adapts to mobile screens and sidebars by stacking the cards cleanly one on top of the other.
    homepage

    Plugin

    SolGate Pro

    PLUGIN

    SolMint Pro

    💸 FREE vs. PRO

    The Free version is a great taste of the bento trend, but to build a real layout, you’ll need the firepower of the PRO version.

    • FREE Version: Perfect for a quick teaser. It limits you to a maximum of 3 cards per grid.
    • PRO Version (Unleash the Beast): Unlocks the true bento experience. Build stunning asymmetrical layouts with up to 12 cards. Got more to show? Push it beyond 12 cards, and the block automatically scales into a beautifully clean, classic grid layout.

    🛠️ Quick Help: Up and running in seconds

    Crafting a trendy manual bento layout is incredibly satisfying. Here is how:

    1. Click on the + icon in your editor and type “Brutal”, then click on Browse All. Alternatively, click the + icon on the top left corner of the editor screen, scroll down to the Brutal Blocks section (or type “brutal” in the search field), and drag and drop the “Brutal Bento Grid” onto your layout.
    2. Simply add cards by clicking + on the editor (up to 3 in Free, unlimited in PRO -a classic grid will apply with 12+ cards).
    3. Click on each individual cell to manually add your background image, write your title/content, set your badge, and paste your destination link.
    4. Toggle the rounded corners on or off in the block settings to match your style.
    5. Save your page and watch your custom layout shine.

  • Brutal Bento Dynamic Grid: The Auto-Pilot Layout for WordPress(PRO Exclusive)

    Stop wasting time manually updating your homepage grids every time you publish a new article. The Brutal Bento Dynamic Grid automatically fetches your latest posts or pages and injects them into a perfectly calculated, highly responsive “bento box” layout.

    If you are looking for the most beautiful and effortless Gutenberg dynamic grid, this is it. It handles the math, the image sizing, and the responsive breakpoints for you. Powered entirely by modern CSS Grid and PHP server-side rendering, it uses ZERO frontend JavaScript. It loads instantly, protects your Core Web Vitals, and looks incredibly sleek.

    ⚡ The “Set It and Forget It” Powerhouse

    This block is built specifically for power users, agencies, and busy publishers who want a premium aesthetic without the manual labor.

    • Stunning Visuals on Auto-Pilot: Each grid cell automatically grabs the post’s featured image as a gorgeous background, overlaying the exact title and a sleek category badge. It looks premium out of the box.
    • Smart Auto-Mapping (Max 12): Choose from 1 to 12 items, and the grid automatically recalculates its asymmetrical bento layout. Need to show more? Push it up to 24 cards, and it seamlessly transforms into a beautifully clean, classic post grid.
    • Insanely Responsive: It looks spectacular on large desktop monitors. On mobile screens or narrow sidebars, the grid smartly adapts, stacking the blocks cleanly one on top of the other.
    • Category Filtering & Styling: Pinpoint exactly what content appears by filtering standard posts by Category. Plus, you can toggle rounded corners on or off to perfectly match your site’s vibe.

    🛠️ Quick Help: Up and running in 3 clicks

    Setting up this auto-updating WordPress bento grid is ridiculousy easy:

    1. Click on the + icon in your editor and type “Brutal”, then click on Browse All. Alternatively, click the + icon on the top left corner of the editor screen, scroll down to the Brutal Blocks section (or type “brutal” in the search field), and drop the “Bento Dynamic (PRO)” block onto your layout.
    2. Head to the right sidebar settings. Select your source (Posts or Pages) and filter by Category if you want to narrow things down.
    3. Choose how many items to show (up to 12 for the dynamic Bento layout, or up to 24 for a classic grid).
    4. Toggle the rounded corners on or off.
    5. Save your page. The block will automatically pull your latest content, titles, badges, and featured images forever.

  • Brutal Accordion Block: The Ultimate SEO-Friendly Gutenberg FAQ Builder

    Need to pack a massive amount of content into a tight space without breaking your design? The Brutal Accordion block is the ultimate WordPress accordion plugin for the Gutenberg editor. It’s the perfect tool for building sleek FAQs, organizing dense information, and keeping your page layouts impossibly clean.

    Forget clunky, rigid accordions. Ours is engineered to be completely fluid. Whether your visitors are browsing on a massive 4K monitor, a tiny smartphone, or you’re squeezing the block into a narrow sidebar, this responsive accordion adapts like liquid. Zero layout breaks, just flawless design.

    🔥 What makes it brutal?

    • Drop anything inside: Built fully integrated with native Gutenberg InnerBlocks, you can throw text, image galleries, forms, or YouTube videos right into the accordion body. No limits.
    • Style it your way: Take control of your design. Easily change the background colors of the tabs, tweak the content panels, and adjust text colors to perfectly match your brand’s theme.
    • Insanely Responsive: It magically resizes and perfectly adapts to any screen or sidebar width automatically.

    💸 FREE vs. PRO

    The Free version is a solid workhorse, but the PRO version is where the magic happens and the real money is made.

    • FREE Version: Perfect for basic WordPress sites. Gives you up to 3 tabs per accordion with instant, snappy open/close actions (no animations).
    • PRO Version (Unleash the Beast): * Unlimited Tabs: Build massive, comprehensive FAQ sections for your users.
      • Advanced Animations: Add slick, premium animation effects that make your site feel expensive.
      • Automated FAQ Schema (JSON-LD): The ultimate SEO booster. The PRO version automatically generates the markup Google loves, allowing your answers to appear as Rich Snippets directly in Google search results. Steal the organic clicks from your competitors.
      • Expand/Collapse All toggle.

    🛠️ Quick Help: Up and running in 10 seconds

    Adding the Brutal Accordion to your page is incredibly simple:

    1. Click on the + icon in your editor and type “Brutal”, then click on Browse All. Alternatively, click the + icon on the top left corner of the editor screen, scroll down to the Brutal Blocks section (or type “brutal” in the search field), and simply drag and drop the accordion right onto your layout.
    2. Type your tab heading and use the right sidebar settings to tweak your background and text colors.
    3. Drag and drop absolutely any block you want inside the content area.
    4. Save your page and watch it perfectly adapt to any device.
×

Wallet not authorized.