All of Your Code.
Rendered Beautifully.

Code Block Pro brings the power of VS Code theme rendering to the WordPress block editor. Express yourself elegantly with ease and no impact on performance.

Includes all these languages.

ABAP
ActionScript 3
Ada
ANSI
Apache
Apex
APL
AppleScript
Ara
ASM
Astro
Awk
Ballerina
BAT (Batchfile)
Ledger (Beancount)
Berry
BibTeX
BICEP
Blade
C
Cadence
Clarity
Clojure
CMake
COBOL
CodeQL
Cypher
CoffeeScript
C++
Crystal
C#
CSS
CUE
D
Dart
DAX
Diff
Dockerfile
DreamMaker
Elixir
Elm
ERB
Erlang
Fish
F#
GDResource
GDScript
GDShader
Gherkin
Git Commit
Git Rebase
GLSL
Glimmer (JS)
Glimmer (TS)
Gnuplot
Go
GraphQL
Groovy
Hack
HAML
Handlebars
Haskell
HCL
Hjson
HLSL
HTML
HTTP
Imba
INI
Java
JavaScript
Jinja HTML
Jison
JSON
JSON5
JSONC
JSONL
JSONnet
JSSM
JSX
Julia
Kotlin
Kusto
LaTeX
LESS
Liquid
Lisp
Logo
Lua
Makefile
Markdown
MD Components
Marko
MATLAB
MDX
Mermaid
Mojo
Narrat
Nextflow
Nginx
Nim
Nix
Objective-C
Objective-C++
OCaml
Pascal
Perl
PHP
Plaintext
PLSQL
PostCSS
Power Query
PowerShell
Prisma
Prolog
Protocol Buffers
Pug
Puppet
PureScript
Python
R
Raku
Razor
Windows Registry
Rel
RISC-V
RST
Ruby
Rust
SAS
Sass
Scala
Scheme
SCSS
ShaderLab
Shader
ShellScript
Splunk SPL
Bash
ShellSession
Zsh
Smalltalk
Solidity
SPARQL
SQL
SSH Config
Stata
Stylus
Svelte
Swift
SystemVerilog
TASL
TCL
TeX
TOML
TSX
Turtle
Twig
TypeScript
V
VB
Verilog
VHDL
VimL
Vue HTML
Vue
Vyper
WASM
Wenyan
WGSL
Wolfram
XML
XSL
YAML
ZenScript
Zig
Your language missing? Open an issue on GitHub and let's talk about it. Or send me an email.

Many, many features.

Full of features, light on the browser. The Code Block Pro commitment includes a promise to keep your page load as lean as possible.

Local programming fonts

Choose from either Fira Code or Jetbrains Mono, both with ligatures, or just use the system default.

Line blur + highlighting

Focus on the important parts of your code by blurring the rest. Highlight lines to draw attention to them.

Unique headers and footers

Includes special headers and footers to give a polished look and added context.

Style overrides

Select from various font sizes, line heights, or padding to get the perfect look for your code.

Copy to clipboard

Copy your code to the clipboard with a single click. No more copy/pasting from the editor.

Headless rendering

Code is pre-rendered in the editor, so you can load it anywhere. Only minimal JS is required.

And lots of themes...

Code Block Pro includes 27 free high-quality themes, including the most popular themes used on the VS Code marketplace. Check out the theme pack for access to 29 additional themes (with lifetime free updates).

Try the playground