Code Block Pro – Beautiful Syntax Highlighting
Show off your beautiful code, don’t just display it! This block plugin provides you with a code editor that runs your code directly through the same rendering engine that is used by the popular VS Code editor. This block provides fast, native, code highlighting that renders perfectly in your favorite programming language using popular VS Code themes. Beautiful syntax highlighting that makes sense. To use, navigate to the default WordPress editor, and search for “Code Pro” or start typing “/code”. Visit code-block-pro.com for a lifetime deal on the theme pack (this is a cosmetic-only upgrade). Values Performance first – Web vitals. Pre-rendering. Minimal asset loading. Lightweight – No bloat. Simple functions. Clean, maintainable code. Practical/useful – Focused on the user experience and presentation. Beautiful – Your code should look great! Star Code Block Pro on GitHub! Features Includes 25+ built-in themes to choose from. Supports over 140 programming languages 10+ Modern programming web fonts – locally hosted Line numbers Line highlighting (static and on hover) Blur highlighting (with reveal on hover) Header styles Footer styles Copy button Native Gutenberg block Tab or space indentation Core functionality works in headless mode (see FAQ) Converting from the default code block (and others) Max height with scrollable section (optional expand button) More info Star it on GitHub Follow @kevinbatdorf on Twitter Tips Try combining line highlighting with the blur effect to add some extra depth, and focus on the important parts of the code without losing context All settings are per block, but some settings are remembered when you add the next block Add a link in the code footer (some footers support this, not all) that points to a demo To achieve a flush look, remove padding under Extra Settings and select a theme with a background color matching your site theme Included VS Code Themes Dark Plus (demo) Dracula Soft (demo) Dracula (demo) GitHub Dark Dimmed (demo) Github Dark (demo) Github Light (demo) Light Plus (demo) Material Darker (demo) Material Default (demo) Material Lighter (demo) Material Ocean (demo) Material Palenight (demo) Min Dark (demo) Min Light (demo) Monokai (demo) Nord (demo) One Dark Pro (demo) Poimandres (demo) Rose Pine Dawn (demo) Rose Pine Moon (demo) Rose Pine (demo) Slack Dark (demo) Slack Ochin (demo) Solarized Dark (demo) Solarized Light (demo) Vitesse Dark (demo) Vitesse Light (demo) Get more themes at code-block-pro.com/themes Theme Pack (Paid) Includes Custom Dynamic Theme (advanced) read more Andromeda (demo) Ayu Dark (demo) Ayu Mirage (demo) Ayu Light (demo) Cobalt2 (demo) Night Owl (demo) Night Owl Light (demo) Noctis (demo) Noctis Azureus (demo) Noctis Bordo (demo) Noctis Hibernus (demo) Noctis Lilac (demo) Noctis Lux (demo) Noctis Minimus (demo) Noctis Obscuro (demo) Noctis Sereno (demo) Noctis Uva (demo) Noctis Viola (demo) Palenight (demo) Pico 8 (demo) Shades of Purple (demo) Shades of Purple Super Dark (demo) Synthwave ’84 (demo) Tokyo Night (demo) Tokyo Night Storm (demo) Tokyo Night Light (demo) Winter is Coming (demo) Winter is Coming Light (demo) Winter is Coming Dark (demo) Included Coding Languages ABAP (demo) ActionScript 3 (demo) Ada (demo) ANSI (control codes rendered) Apache (demo) Apex (demo) APL (demo) Ara (demo) ASM (demo) Astro (demo) Awk (demo) Ballerina (demo) BAT (Batchfile) (demo) Berry (demo) BibTeX (demo) BICEP (demo) Blade (demo) C (demo) Cadence (demo) Clarity (demo) Clojure (demo) CMake (demo) COBOL (demo) CodeQL (demo) CoffeeScript (demo) C++ (demo) Crystal (demo) C# (demo) CSS (demo) CUE (demo) Cypher (cql) (demo) D (demo) Dart (demo) DAX (demo) Diff (demo) Dockerfile (demo) DreamMaker (demo) Elixir (demo) Elm (demo) ERB (demo) Erlang (demo) Fish (demo) F# (demo) GDResource (Godot) (demo) GDScript (Godot) (demo) GDShader (Godot) (demo) Gherkin (demo) GLSL (demo) Glimmer js/ts (demo) Gnuplot (demo) Go (demo) GraphQL (demo) Groovy (demo) Hack (demo) HAML (demo) Handlebars (demo) Haskell (demo) HCL (demo) HLSL (demo) HTML (demo) HTTP (demo) INI (demo) Imba (demo) Java (demo) JavaScript (demo) Jinja HTML (demo) Jison (demo) JSON (demo) JSON5 (demo) JSONC (demo) JSONL (demo) JSONnet (demo) JSSM (demo) JSX (demo) Julia (demo) Kotlin (demo) Kusto (demo) LaTeX (demo) LESS (demo) Ledger (Beancount) (demo) Liquid (demo) Lisp (demo) Logo (demo) Lua (demo) Makefile (demo) Markdown (demo) Marko (demo) MATLAB (demo) MDC (demo) MDX (demo) Mermaid (demo) Mojo (demo) Narrat (nar) (demo) Nextflow (nf) (demo) Nginx (demo) Nim (demo) Nix (demo) Objective-C (demo) Objective-C++ (demo) OCaml (demo) Pascal (demo) Perl (demo) PHP (demo) PLSQL (demo) PostCSS (demo) Power Query (demo) PowerShell (demo) Prisma (demo) Prolog (demo) Protocol Buffers (demo) Pug (demo) Puppet (demo) PureScript (demo) Python (demo) R (demo) Raku (demo) Razor (demo) Windows Registry (demo) Rel (demo) RISC-V (demo) RST (demo) Ruby (demo) Rust (demo) SAS (demo) Sass (demo) Scala (demo) Scheme (demo) SCSS (demo) Splunk SPL (demo) Bash (demo) ShellScript (demo) Zsh (demo) ShellSession (demo) Smalltalk (demo) Solidity (demo) SPARQL (demo) SQL (demo) SSH Config (demo) Stata (demo) Stylus (demo) Svelte (demo) Swift (demo) SystemVerilog (demo) TASL (demo) TCL (demo) TeX (demo) TOML (demo) TSX (demo) Turtle (demo) Twig (demo) TypeScript (demo) V (demo) VB (demo) Verilog (demo) VHDL (demo) VimL (demo) Vue HTML (demo) Vue (demo) Vyper (vy) (demo) WASM (demo) Wenyan (demo) WGSL (demo) Wolfram (demo) XML (demo) XSL (demo) YAML (demo) ZenScript (demo) Zig (demo)
Top keywords
- demo224×26.20%
- code15×1.75%
- dark11×1.29%
- demo noctis11×1.29%
- noctis11×1.29%
- light9×1.05%
- dark demo8×0.94%
- light demo8×0.94%
- block7×0.82%
- demo material5×0.58%
- github5×0.58%
- highlighting5×0.58%
MaxiBlocks Builder | 17,000+ Design Assets, Patterns, Icons & Starter Sites
Build professional WordPress sites faster with MaxiBlocks. All features free forever. No locked blocks. Optional Cloud Library saves you time. The Challenge As a WordPress creator, you might be facing: Frustration with complex, time-consuming design tools Page builders that lock essential features behind paywalls Difficulty finding and customising suitable templates Pressure to create unique, professional-looking websites efficiently No one wants to produce generic-looking websites or pay monthly fees just to access basic functionality. The Complete MaxiBlocks Ecosystem 🎈 MaxiBlocks is a complete website building solution with three components that work together: MaxiBlocks Builder (Free) The core plugin with everything unlocked from day one. 19 powerful foundation blocks Visual style controls Advanced design tools Dynamic content Animations and scroll effects Custom CSS No feature restrictions MaxiBlocks Go Theme (Free) Our Full Site Editing theme, available on WordPress.org. Complete site editing Responsive templates Performance optimised Works with any starter site MaxiBlocks Cloud Library (Free + Paid) A design library to speed up your workflow. 2,180+ block patterns 231 page templates 379 theme templates 14,417 SVG icons and shapes 100 style cards 11 starter sites 17,342 total assets The Builder and Go Theme are free and open source forever. The Cloud Library offers both free and premium designs to save you time. 11 Starter Sites — Live in Minutes Complete websites ready to install with one click: Interior Design Acupuncture Coffee Shop Cafe Business SaaS Invest Conference Architecture Co-working Hair Dresser Each starter site includes homepage, about, services, contact, blog templates, archive pages, search results, and 404 pages. Install one and start customising immediately. Browse starter sites Get Started in Three Steps Install the MaxiBlocks Builder plugin and Go Theme Choose a starter site or browse patterns from the Cloud Library Customise with style cards and launch your site Design websites that stand out. Save time doing it. Key Features Powerful Blocks Build anything with 19 flexible, customisable foundation blocks. No complexity, no limits. Instant Designs Choose from 2,180+ patterns to create pages in seconds. Drag, drop and personalise. Massive Icon Library Enhance your design with 14,417 built-in SVG icons and shapes. No extra plugins needed. No-Code Editing See changes instantly with a visual editor. Experiment freely, never touch code. One-Click Styles Transform your entire site with style cards. Instantly swap between 100 professional designs. Design Tools Use background layers, image masks and scroll effects. Achieve bold visuals without extra software. Dynamic Content Display custom fields and real-time updates. Create dynamic, interactive pages. Full Site Editing Go beyond pages with the MaxiBlocks Go Theme. Edit headers, footers and templates visually. Lightning Fast Clean, optimised code. No domain limits. Zero hidden fees. Freedom on every site. Who It’s For MaxiBlocks works for: WordPress developers seeking efficient design tools Designers transitioning from other page builders Beginners looking to create professional sites without coding Agencies and freelancers delivering client projects Anyone moving from Elementor, Divi or other builders to Gutenberg What’s Free vs What Requires a Cloud Account Always Free (Open Source): MaxiBlocks Builder plugin (19 foundation blocks) MaxiBlocks Go Theme (Full Site Editing) 542 free patterns and 17 pages Free starter sites 14,417 icons and shapes 100 style cards All features unlocked (animations, dynamic content, custom CSS) Unlimited websites No restrictions Optional Cloud Library: 2,180+ patterns 231 complete pages Premium starter sites Regular new designs Priority support The Cloud Library saves you 10+ hours per project. You can build the same sites with free tools. Cloud just makes it faster. Success Stories Here’s what creators are saying: “MaxiBlocks is one of the best WordPress plugins I’ve found, and I’m in love with this tool.” – Muhammad Ali Iqbal “I know this category of plugins very well — I have probably tested all Gutenberg add-ons available on the market and I must admit that MaxiBlocks is really top shelf and top league!” – Peter “It’s great to see that a lot of the new designs come from special requests from MaxiBlocks users and the developers listen to their user base!” – MeditatingSurgeon “Easy, clean, and responsive designs with great support. They’re always adding new designs on top of what they already offer.” – Verdant “After some more time poking around I see a lot of potential in your product. It has the ability to be the Elementor in Gutenberg field.” – Kazi Mahbub Read more stories Ready to build? Install MaxiBlocks for free and start creating today. Not sure yet? Explore the demo library to see MaxiBlocks in action, or browse starter sites for complete website examples. Resources & Support Learn and master MaxiBlocks: Documentation – Step-by-step guides and troubleshooting Video Tutorials – From basics to advanced techniques Support Forum – Get help from our team Changelog – Latest improvements Join Our Community MaxiBlocks is more than a plugin—it’s a growing community of creators: Twitter – Follow for updates and tips Discord – Connect with other users GitHub – Contribute to our open-source project Share your creations with #maxiblocks or #madewithmaxi “We’re on a mission to make website creation faster, easier, and more enjoyable. Can’t wait to see what you’ll create!” – Kyra, Design Lead & Co-founder