Tag: Grid

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

    Enterprise

    $19/mo
    • Premium Support
    • Unlimited Bandwidth

    💸 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 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.

    💸 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.

×

Wallet not authorized.