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:
- 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.
- Type or paste your code directly into the editor console.
- Head to the right sidebar to select your Language and Theme (PRO).
- Want to highlight lines? Click the line numbers in the editor, or type the ranges (like 2, 4, 6-10) in the sidebar settings.
- Add an optional Filename (PRO), save your page, and watch your code look absolutely spectacular.