Brutal Blocks

Author: admin

  • Brutal WhatsApp QR Block: The Ultimate Mobile & Desktop Lead Generator

    Stop waiting for emails that never arrive. If you want to close sales and answer client questions instantly, you need them on WhatsApp. The Brutal WhatsApp QR block is a hyper-optimized, dual-action contact button designed to bridge the gap between your website and your smartphone perfectly.

    SCAN OR CLICK

    Whether your user is browsing on a desktop (they scan the code with their phone) or already on their mobile device (they simply tap the QR to instantly open the WhatsApp app), this block removes all friction from the contact process.

    🔥 What makes it brutal?

    • Instant Editor Sync & Extreme Performance: As you type your phone number in the editor sidebar, the QR code generates in pure real-time. But here is the genius part: to guarantee absolute zero impact on your PageSpeed, the final QR code is cached directly into your WordPress database for a full year. No heavy frontend API calls, just pure speed.
    • Multi-Department Routing: Don’t just send everyone to a single number. Add unlimited contacts (e.g., “Sales”, “Support”, “Billing”). They display as sleek pill buttons right above the QR code, allowing the user to select exactly who they want to talk to.
    • Sleek Aesthetics: Features your custom title alongside a zero-bloat WhatsApp SVG logo. Toggle between the instantly recognizable “WhatsApp Green” or strip it down to a “Neutral” black-and-white mode for a minimalistic, premium vibe.
    • Smart Predefined Messages: Pre-fill the exact message the user will send you, saving them time and guiding the conversation.

    💸 FREE vs. PRO

    The Free version is a rock-solid contact method for a solo freelancer. But if you run a real business with multiple team members or a large catalog of products, the PRO features are an absolute necessity.

    • FREE Version: Gets you up and running fast. You get the standard WhatsApp Green styling, a single phone number, and a basic predefined message.
    • PRO Version (Unleash the Beast): The ultimate sales conversion tool.
      • Dynamic Context (The Game Changer): Automatically appends the exact Page Title and URL to the end of the user’s WhatsApp message. When a customer messages you, you will know exactly which product or service page they are looking at.
      • Unlimited Departments: Add multiple phone numbers so users can route their messages to the right team member instantly.
      • Neutral Color Mode: Unlock the black-and-white theme to make the block blend flawlessly into modern, minimalist website designs.

    🛠️ Quick Help: Up and running in seconds

    Start capturing WhatsApp leads instantly:

    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 WhatsApp QR” block onto your canvas.
    2. Type your Title (e.g., “Chat with us!”).
    3. Free users: Enter your phone number and your predefined message in the right sidebar. Save and you are done.
    4. PRO users: Need more numbers? Keep adding departments (like “Sales” or “Hotline”) and their specific numbers in the settings.
    5. PRO users: Toggle the “Add Dynamic Context” on to automatically track which page your leads are messaging from, and switch off the green color if you prefer a neutral look. Save your page and keep your phone close!

  • Brutal Tooltip: The Ultimate Inline Text Popover for Gutenberg

    Sometimes you need to explain a complex term, add a quick definition, or provide extra context without cluttering your beautiful page layout. The Brutal Tooltip is the perfect solution.

    Unlike clunky plugins that force you to use entirely separate blocks just to add a tooltip, we built ours as a native Text Format. This means it works seamlessly inside your existing paragraphs, headings, or lists. Just highlight a word, click the button, and add your popover text. It is insanely fast, intuitive, and keeps your WordPress workflow completely uninterrupted.

    DEMO: hover the words with dotted underline.

    🔥 What makes it brutal?

    • Native Inline Format: No new blocks required. It lives right inside your standard Gutenberg text toolbar, exactly where you need it.
    • Smart Positioning: Total directional control. Choose exactly where the tooltip appears when hovered: Top, Bottom, Left, or Right.
    • Premium Theming: Ensure your popovers match your website’s vibe perfectly. Choose between a clean Light theme, a sleek Dark theme, or the “Brand” theme that automatically inherits your site’s primary accent color.
    • Zero-Bloat Performance: Like all Brutal tools, these tooltips are fiercely lightweight and won’t drag down your page loading times.

    💸 FREE vs. PRO

    The Free version is a handy tool for basic definitions, but to get your tooltips looking exactly how you want them, you need the design controls of the PRO version.

    • FREE Version: Gives you the core functionality to add tooltips instantly. However, you are locked to the Top position and the Light theme.
    • PRO Version (Unleash the Beast): Total design control.
      • Unlock All Positions: Force the tooltip to appear on the Bottom, Left, or Right of the word to prevent it from covering important content above it.
      • Unlock All Themes: Gain access to the sleek Dark theme and the dynamic Brand color theme to make your tooltips visually pop and perfectly match your site’s design.

    🛠️ Quick Help: Up and running in seconds

    Remember, this is a Format, not a Block! Here is how to use it:

    1. Type a normal paragraph or heading in the Gutenberg editor.
    2. Use your mouse to highlight the specific word or phrase you want to add a tooltip to.
    3. Look at the text toolbar that pops up above your text. Click the Brutal Tooltip icon (or look inside the dropdown arrow if your toolbar is crowded).
    4. A small popover menu will appear. Type your tooltip explanation in the text field.
    5. Free users: Hit Enter, save your page, and you are done.
    6. PRO users: Use the options right inside the popover to change the Theme (Light, Dark, Brand) and adjust the Position (Top, Bottom, Left, Right).

  • Brutal Table of Contents Block: Real-Time SEO Navigation

    Table of Contents

    Long-form content is king for SEO, but forcing your readers to endlessly scroll through a massive article is a guaranteed way to lose them. The Brutal Table of Contents (ToC) block instantly solves this by automatically generating a beautifully structured, clickable index of your headings.

    Unlike older, bloated plugins that only generate the index on the live site, our block works in pure real-time. As you type and add headings inside the Gutenberg editor, the Brutal ToC instantly scans your document and updates the layout right in front of your eyes.

    🔥 What makes it brutal?

    • Live Editor Sync: No guessing required. Watch your Table of Contents build and update itself automatically in real-time as you write your article in Gutenberg.
    • Smart Heading Control: Pinpoint exactly what gets included. Use the settings to set your Minimum and Maximum heading levels (e.g., only include H2 and H3 tags, ignoring H4s).
    • Collapsible Design: Save screen real estate. Enable the collapsible toggle so users can easily hide or expand the index when they need it.
    • Sticky Navigation: The ultimate UX upgrade. Turn on “Sticky” mode to make the Table of Contents gracefully float alongside your content as the user scrolls down the page, keeping navigation always one click away.

    💸 FREE vs. PRO

    The Free version is a great starting point for simple, short blog posts. But if you write deeply structured, professional content, the PRO version is mandatory.

    • FREE Version: It automatically generates a basic Table of Contents with H2 headings only. You cannot filter other heading levels, or make it sticky.
    • PRO Version (Unleash the Beast): The ultimate SEO and UX navigation tool.
      • Full Heading Control: Unlock all heading levels (H1 through H6). Set your exact Min and Max levels to build complex, nested indexes.
      • Sticky Floating ToC: Unlock the Sticky feature so your index follows the reader down the page, massively improving user experience and time-on-page.
      • Collapsible Toggle: Allow users to neatly fold the Table of Contents away.

    🛠️ Quick Help: Up and running in seconds

    Generating a real-time index for your article is effortless:

    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 ToC” block anywhere on your page (usually at the top).
    2. Start writing your article. Watch the block instantly pull in your headings in real-time.
    3. Free users: Your ToC is live, but it will only display your H2 tags. Change the block Title in the right sidebar.
    4. PRO users: Head to the right sidebar to change the block Title, and set your exact Min and Max heading levels.
    5. PRO users: Toggle on “Collapsible ToC” for a cleaner look, and enable “Sticky” if you want the block to float as the user scrolls. Save and publish!

  • Brutal Timeline Block: The Most Beautiful Storytelling Layout for Gutenberg

    Whether you are showcasing your company’s history, building a product roadmap, or designing a step-by-step tutorial, boring bullet points just don’t cut it. The Brutal Timeline Block is a beautifully engineered, fiercely responsive timeline builder that turns your chronological data into an absolute visual masterpiece directly inside the WordPress editor.

    We didn’t just build a timeline; we built a cinematic experience. It is flawlessly designed, incredibly lightweight, and perfectly inherits your theme’s style while giving you total control over the layout.

    🔥 What makes it brutal?

    • Dual Orientations: Choose between a classic Vertical scrolling timeline or a stunning, modern Horizontal layout to perfectly fit your page design.
    • Cinematic Animations: Make your timeline come alive as users scroll. Choose from premium entrance effects like Blur Reveal (cinematic), Fade + Rise, Slide In (Alternating), or Scale Pop.
    • Stagger Delay Control: Fine-tune the exact millisecond delay between each item appearing on screen to create a mesmerizing, cascading visual effect.
    • Custom Data & Icons: Each timeline node gives you total control. Add a Date/Label, a striking Title, and a detailed Description. Plus, enable “Custom Icons” to assign a unique, zero-bloat SVG to every single step of the journey.
    • Perfect Branding: Use the built-in color picker to easily set the Accent Color of the timeline track and nodes so it matches your brand identity flawlessly.

    Event

    An event

    Whatever

    Description

    Another event

    Another description

    💸 FREE vs. PRO

    The Free version is a gorgeous way to display a short, static list. But if you want to tell a real story and drop your visitors’ jaws with motion design, the PRO version is exactly what you need.

    • FREE Version: Extremely sleek, but you are locked to the Vertical orientation only, with a maximum of 5 timeline items. You can change the Accent Color and toggle the Date/Labels, but you get no animations and no custom icons.
    • PRO Version (Unleash the Beast): The ultimate storytelling tool.
      • Unlimited Items: Build massive, multi-year company histories or complex roadmaps.
      • Horizontal Layout: Unlock the beautiful, modern horizontal timeline orientation.
      • Cinematic Animations & Stagger: Access the premium motion effects (Blur Reveal, Slide In, etc.) and control the cascade speed with the Stagger Delay slider.
      • Custom Icons: Unlock the ability to assign specific, lightweight SVGs to every single node on your timeline with our icon picker.

    🛠️ Quick Help: Up and running in seconds

    Crafting a stunning timeline 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 Timeline” block onto your canvas.
    2. Click on the default timeline items to add your Date/Label, Title, and Description. Need more? Just add a new item block inside!
    3. Free users: Use the right sidebar to change your Accent Color. You can add up to 5 items in vertical mode, directly in the canvas.
    4. PRO users: Head to the Global Settings in the sidebar. Switch the Orientation to Horizontal if it fits your design, and toggle “Enable custom icons” to assign unique SVGs to each step.
    5. PRO users: Finally, select a premium Animation (like the cinematic Blur Reveal) and adjust the Stagger Delay slider. Save your page and enjoy the show.

  • Brutal Thumb Rating Block: Interactive Upvotes & SEO Booster (PRO Exclusive)

    Static star ratings are great, but sometimes you want to give your audience a real voice. The Brutal Thumb Rating Block brings a highly addictive, Reddit and YouTube-style upvote/downvote system directly to your WordPress site.

    This isn’t just a gimmick to keep users on your page longer (although it does that perfectly). It is a highly engineered SEO tool. We automatically calculate the percentage of positive votes and generate the exact JSON-LD markup required to display Google Rich Snippets in search results.

    🔥 What makes it brutal?

    • Instant Social Proof: Let your visitors upvote or downvote your content. The built-in dashboard in your sidebar gives you instant access to your live statistics with a quick “Refresh Stats” button.
    • Jumpstart Engagement (Manual Votes): Nobody likes being the first to vote on a ghost town of a page. Use our manual sliders to “seed” your post with up to 10,000 initial upvotes or downvotes to instantly build authority and encourage real users to join in.
    • Total Design Control: You are not stuck with the standard thumbs. Use our native Lucide icon-picker to change both the Upvote and Downvote icons to absolutely anything you want. Customize the colors perfectly to match your brand’s vibe.
    • The SEO Goldmine (AggregateRating): Toggle the Schema.org Data output on. The block runs the math, converts your upvote percentage into a standardized rating, and automatically generates the JSON-LD code. Steal the organic clicks from your competitors by showing rating stars directly in Google search results.

    💸 FREE vs. PRO

    Building a highly interactive community and securing SEO rich snippets requires professional tools.

    • FREE Version: The Thumb Rating block is an advanced tool and is not available in the Free tier.
    • PRO Version (Unleash the Beast): Unlocks the complete upvote/downvote system, the custom icon picker, the manual engagement sliders, and the automated Schema.org JSON-LD generation for explosive SEO growth.

    🛠️ Quick Help: Up and running in seconds

    Adding an interactive voting system to your site 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 drop the “Brutal Thumb Rating (PRO)” block onto your canvas.
    2. Head to the right sidebar to customize your look. Use the custom icon-picker to choose your exact Upvote and Downvote symbols, and adjust the colors.
    3. Boost your SEO: Toggle “Output Schema.org Data” on immediately to start generating rich snippets for Google.
    4. Seed your votes: If this is a brand new post, use the Manual Upvotes/Downvotes sliders to give the block a realistic starting score (e.g., 45 upvotes, 2 downvotes).
    5. Save your page and watch your audience interact.

  • Brutal Tabs Block: The Ultimate Fluid Content Organizer

    When you have a massive amount of information to share—like technical product specs, pricing details, or dashboard panels—forcing users to endlessly scroll is a UX nightmare. The Brutal Tabs Block is the ultimate Gutenberg tabs plugin. It allows you to elegantly pack complex layouts into a clean, compact, and highly organized interface.

    Forget about broken layouts on small screens. We engineered these tabs to be flawlessly responsive. If the screen or sidebar gets too narrow, the tabs smartly transform into a sleek horizontal scrolling list. Zero layout breaks, perfect mobile experience.

    🔥 What makes it brutal?

    • Drop Anything Inside: Built with native Gutenberg InnerBlocks. This means your tab content is not limited to boring text. Drop in image galleries, videos, forms, or even other Brutal Blocks directly into the editor.
    • Flawless Mobile UX: Impeccable horizontal scrolling for the tab navigation on narrow mobile screens.
    • Total Design Control: Use the intuitive color pickers to customize the background and text colors of both your active tabs and your content panels. Make it seamlessly match your brand.
    • Zero-Bloat Icons: Make your tab navigation visually striking by injecting lightweight Lucide SVG icons right next to your tab titles (complete with our custom Fill toggle).
    • Premium Animations: Bring your content to life. Add silky-smooth entrance animations (Fade In, Slide Up) every time a user clicks a new tab.

    tab #1

    💸 FREE vs. PRO

    The Free version is great for a basic breakdown, but if you are building complex pages, you will hit the ceiling fast. The PRO version unlocks the true power of dynamic content organization.

    • FREE Version: A solid starting point. You get full control over the colors to match your theme, and you can drop any block inside the content area. However, you are strictly limited to a maximum of 3 tabs. Plus, you are locked out of all icons and animations.
    • PRO Version (Unleash the Beast): The ultimate organizational tool.
      • Unlimited Tabs: Build massive, comprehensive tabbed interfaces without any restrictions.
      • Zero-Bloat SVG Icons: Access the 1,600+ custom Lucide icon-picker to make your tab titles instantly recognizable.
      • Advanced Animations: Make your content transitions feel expensive with premium Fade In and Slide Up effects.

    🛠️ Quick Help: Up and running in seconds

    Organizing your dense content takes just a few clicks:

    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 Tabs” block onto your canvas.
    2. Click directly on the tab navigation to type your titles.
    3. Drag and drop absolutely any WordPress block into the content area below the tabs.
    4. Free users: Use the right sidebar to tweak the background and text colors. You are allowed up to 3 tabs.
    5. PRO users: Add unlimited tabs. Use the icon-picker to add SVGs to your tab titles, and turn on the Fade In or Slide Up animations for a premium feel. Save and watch your layout transform.

  • Brutal Stats Block: The Ultimate Animated Number Counter for Gutenberg

    People don’t read; they scan. If you want to build trust instantly, you need to hit your visitors with hard numbers. The Brutal Stats Block is a lightning-fast WordPress number counter that lets you showcase your milestones, client counts, or completed projects with zero bloat.

    Whether you need a single massive milestone or a 4-column grid of achievements, this block instantly grabs attention and builds absolute authority. It inherits your theme’s default colors for a native look, but gives you total freedom to customize every pixel.

    🔥 What makes it brutal?

    • Flexible Grids: Seamlessly display from 1 up to 4 perfectly aligned columns in a single row. Need more? Just stack another block below it.
    • Precision Formatting: Total control over the data. Add a Prefix (like “$”), set your Target Number, and append a Suffix (like “K”, “M”, or “%”).
    • Zero-Bloat SVG Icons: Visually reinforce your stats by adding ultra-lightweight Lucide icons next to your numbers. Plus, use our exclusive “Fill” toggle to make simple shapes pop.
    • Scroll-Triggered Animations: Make your data come alive. When the block enters the viewport, the numbers automatically count up to your target using premium motion curves (Linear, Ease Out, or Bounce). You even control the exact duration, from a snappy 500ms to a dramatic 5000ms buildup.
    0+
    Satisfaction
    0%
    Satisfaction
    0%
    Satisfaction
    €0Ms
    Satisfaction

    💸 FREE vs. PRO

    A static number is fine, but motion is what actually captures the human eye. The Free version gives you the layout, but the PRO version gives you the show.

    • FREE Version: Extremely generous for basic needs. You get unlimited stat blocks (up to 4 columns per row), full access to the Prefix/Target/Suffix fields, and total color customization. However, you get zero icons and zero animations. The numbers are strictly static.
    • PRO Version (Unleash the Beast): The ultimate trust-building layout.
      • Animated Number Counters: Bring your stats to life. Unlock the scroll-triggered counting animations (Linear, Ease Out, Bounce) to make your numbers roll up when users scroll down.
      • Speed Control: Access the custom duration slider (500ms to 5000ms) to make your animation as fast or as dramatic as you want.
      • 1,600+ Zero-Bloat Icons: Access the custom Lucide SVG icon-picker (and the Fill toggle) to visually enhance every single stat.

    🛠️ Quick Help: Up and running in seconds

    Deploying a professional stats section 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 drag and drop the “Brutal Stats” block onto your canvas.
    2. Select how many columns you want to display (from 1 to 4 per row).
    3. Click on each individual stat to set your Prefix, Target Number, and Suffix.
    4. Free users: Customize your colors to match your brand, save, and you are done.
    5. PRO users: Head to the right sidebar to add SVGs with the icon-picker. Finally, choose your preferred Animation (Ease Out looks incredibly premium) and adjust the Duration slider to perfect the counting speed.

  • Brutal Social Share Block: Blazing-Fast Sharing & Sticky Floating Bars

    Stop slowing down your website with heavy, tracking-heavy third-party social sharing plugins. The Brutal Social Block gives you a ridiculously fast, natively built sharing component directly inside the Gutenberg editor.

    Whether you want elegant inline sharing buttons at the bottom of your articles or a high-converting sticky floating bar that follows your readers as they scroll, this block delivers pure performance and flawless aesthetics without the bloat.

    🔥 What makes it brutal?

    • The Essential Networks: Connect your readers to the platforms that actually drive traffic: X (Twitter), WhatsApp, Facebook, Telegram, LinkedIn, and Email.
    • Pixel-Perfect Design: Total control over the look. Choose your Alignment (left, center, right) and select from 4 sleek Button Shapes (rounded, pill, circle, or square).
    • Smart Color Modes: Keep it vibrant with the official “Brand Colors” of each network, or switch to “Neutral” (black and white) for a minimalistic, ultra-modern vibe.
    • Button Styles & Animations: Choose how to display your buttons (Icon only, Text+Icon, or Text only) and grab attention with slick Hover Effects (Push up, Grow).
    • Sticky Floating Bar: The ultimate engagement booster. Pin your social sharing buttons to the left or right side of the screen so they are always visible as your users read.

    💸 FREE vs. PRO

    The Free version is a rock-solid solution for basic blogs, but if you want to maximize your social traffic, the PRO version packs the features that actually force users to click.

    • FREE Version: A great starting point. You are limited to 3 social networks. You get full access to the alignment controls, button shapes (rounded, pill, circle, square), and the color modes (Brand or Neutral).
    • PRO Version (Unleash the Beast): The ultimate viral toolkit.
      • The Sticky Floating Bar: Unlocks the ability to pin the share buttons to the side of the browser window. This is the #1 proven way to increase shares.
      • All Networks Unlocked: Add all 6 sharing options to your bar.
      • Advanced Button Styles: Mix and match icons with text (e.g., an icon next to the word “Share”) to increase visibility.
      • Hover Animations: Bring your buttons to life with premium CSS hover effects like “Push up” and “Grow”.

    🛠️ Quick Help: Up and running in seconds

    Getting your readers to share your content 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 drag and drop the “Brutal Social” block onto your canvas.
    2. Free users: Select up to 3 social networks to display. Choose your alignment, shape, and color mode (Brand or Neutral).
    3. PRO users: Head to the right sidebar to unlock all networks. Play with the Button Styles (Text+Icon) and add engaging Hover Effects.
    4. PRO users: Want massive engagement? Toggle the “Sticky floating bar” option and choose whether to pin it to the left or right side of the screen.
    5. Save your page and watch your social traffic grow.

  • Brutal Rating Block: Interactive Star Ratings & SEO Rich Snippets

    Engage your visitors, build social proof, and dominate search engine results. The Brutal Rating Block is a highly flexible Gutenberg star rating plugin that allows your users to rate your content dynamically, or lets you display static scores for your own product reviews.

    The real magic? It is deeply optimized for search engines. This block can automatically inject the exact code Google needs to display those highly-coveted golden stars right next to your pages in the search results.

    🔥 What makes it brutal?

    • Interactive or Static: Enable “Interactive Voting” to let your front-end visitors cast their votes. Turn it off to use the “Current Rating” slider as a beautiful, static visual score for your own reviews.
    • Instant Statistics: Built-in dashboard right in your sidebar. Instantly track your “Average Score” and “Number of Votes” with a quick refresh button.
    • Total Customization: Don’t like stars? Use our zero-bloat icon-picker to change the rating symbol (hearts, smiles, lightning bolts—you name it). Plus, full color control to match your brand.
    • Flexible Scale: While 5 stars is the standard, you have complete control over the “Max Rating” scale. From 3 to 10.
    • The SEO Goldmine (AggregateRating): Toggle the Schema.org Data output, and the block automatically generates perfect JSON-LD markup. This tells Google exactly what your rating is, unlocking the chance to get Rich Snippets in search results.

    💸 FREE vs. PRO

    The Free version lets you test the waters with user engagement, but the PRO version is an absolute requirement if you care about SEO and design.

    • FREE Version: You can enable “Interactive Voting” with the default 5-star setup. No statistics, no custom icons, no color changes, no scale adjustments, and absolutely zero SEO Schema generation.
    • PRO Version (Unleash the Beast): The ultimate review and rating engine.
      • Automated SEO Schema: Unlock the JSON-LD generation to get those click-boosting stars in Google search results. This feature alone pays for the plugin.
      • Static Fallback: Turn off interactive voting to use the block for your own static editorial reviews.
      • Icon & Color Control: Access the Lucide SVG icon-picker to swap the stars for any symbol, and customize the colors completely.
      • Flexible Scales: Change the maximum rating scale to fit your exact needs.

    🛠️ Quick Help: Up and running in seconds

    Adding a rating system to your posts 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 Rating” onto your canvas.
    2. Free users: Your interactive 5-star voting is ready. Save the page and let users vote.
    3. PRO users: Head to the right sidebar to unlock the real power. Toggle “Output Schema.org Data” on immediately to boost your SEO.
    4. PRO users: Decide if you want users to vote (Enable Interactive Voting) or if you want to set a static score yourself using the “Current Rating” slider.
    5. PRO users: Tweak the Max Rating scale, change the colors, or swap the default star for any of the 1,600+ icons in our custom SVG picker.

  • Brutal Progress Bar Block: The Sleekest Gutenberg Stat Tracker

    Visualizing data, highlighting your professional skills, or displaying project roadmaps shouldn’t require bloated third-party plugins. The Brutal Progress Bar block gives you a fiercely lightweight, pixel-perfect way to showcase percentages and stats directly inside the Gutenberg editor.

    Whether you are building a freelance portfolio, a SaaS roadmap, or a fundraising landing page, this responsive WordPress progress bar perfectly adapts to any screen size while keeping your PageSpeed scores flawlessly intact.

    🔥 What makes it brutal?

    • Dead-Simple Precision: Just type your custom label (e.g., “Web Design” or “Project Completion”) and use the visual slider to instantly set your progress anywhere from 0 to 100.
    • 4 Premium Styles: Tailor the look to your site’s aesthetic. Choose from the classic Standard, an elegant Thin line, a bold Thick bar, or the ultra-modern Rounded (Pill) design.
    • Total Color Control: Use the built-in color picker to make your progress bars pop or seamlessly match your brand identity.
    Skill #1 100%
    Skill #2 74%

    💸 FREE vs. PRO

    If you are building a real skills or stats section, the PRO version is exactly what you need.

    • FREE Version: It allows you to place a maximum of 1 single progress bar. You are locked out of the color settings and style variations. It is just a taste to show you how fast it loads.
    • PRO Version (Unleash the Beast): The ultimate data visualization tool.
      • Unlimited Bars: Stack as many progress bars as you need to build comprehensive skill charts or multi-step project trackers.
      • Unlock All 4 Styles: Get full access to the Standard, Thin, Thick, and Rounded (Pill) designs.
      • Custom Colors: Unlock the color picker to fully brand every single bar on your page.

    🛠️ Quick Help: Up and running in seconds

    Adding a sleek progress bar 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 Progress Bar” onto your canvas.
    2. Type your Title/Label (e.g., “SEO Optimization”) in the right sidebar.
    3. Use the slider in the right sidebar to set your percentage from 0 to 100.
    4. Free users: Save your page, you are done.
    5. PRO users: In the block settings, choose your preferred Layout Style (Standard, Thin, Thick, or Rounded) and use the Color Picker to match your brand. Drop as many new bars below it as you need!
×

Wallet not authorized.