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.
Version 2 is coming soon — and the price goes up when it arrives. Pay once today and every update after that is free.
/**
* WordPress dependencies
*/
import { __ } from '@wordpress/i18n';
import { useBlockProps } from '@wordpress/block-editor';
const Save = () => {
const blockProps = useBlockProps.save({ style });
return (
<div { ...blockProps }>
{ __( 'Code is Poetry', 'code-block-pro' ) }
</div>
);
};
export default Save;
Includes all these languages.
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