Brutal Blocks

Tag: Animations

  • 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 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.
×

Wallet not authorized.