Developer

Syntax Code Highlighter for Breakdance

A code block with syntax highlighting, line numbers and a copy button. Show code in tutorials and docs without another plugin.

Download free See the styles

5 styles Free Native Breakdance element No library needed

5 ways to style it

1MidnightThe default dark theme.

Midnight

functions.php php

<?php
// Add a custom class to the body element.
add_filter( 'body_class', function ( $classes ) {
	$classes[] = 'has-breakui';
	return $classes;
} );

2LightFor light sites.

Light

functions.php php

<?php
// Add a custom class to the body element.
add_filter( 'body_class', function ( $classes ) {
	$classes[] = 'has-breakui';
	return $classes;
} );

3DraculaA popular dark theme.

Dracula

functions.php php

<?php
// Add a custom class to the body element.
add_filter( 'body_class', function ( $classes ) {
	$classes[] = 'has-breakui';
	return $classes;
} );

4SolarizedWarm and easy on the eyes.

Solarized

functions.php php

<?php
// Add a custom class to the body element.
add_filter( 'body_class', function ( $classes ) {
	$classes[] = 'has-breakui';
	return $classes;
} );

5NordCool and calm.

Nord

functions.php php

<?php
// Add a custom class to the body element.
add_filter( 'body_class', function ( $classes ) {
	$classes[] = 'has-breakui';
	return $classes;
} );