HTML

<div class="container">
<h1>Online Visual Code Editor</h1>
<h2>For Wordpress</h2>
</div>

CSS

.container {


background: radial-gradient(


#c96c6c 0%,


#cbff29 60%);


}

JS

jQuery(document).ready(function($){
var wpsnipr = true,
colors = ["#4fc","#fad"];

});

The Wordpress plugin to build, test, and share front-end code.

WPSnipr turns your website into a powerful, collaborative, visual code editor for front-end designers and developers. Build and deploy websites, show off your code, build test cases to learn, debug and inspire.

Get It Now

Time Saver

Try out different front-end frameworks, libraries, and design patterns. No downloads or installations, WPSnipr is the ultimate time saver.

HTML

CSS

Javascript

jQuery

+ Resources

Page Builder Ready

WPSnipr is page builder ready. That means it will integrate with popular Wordpress page builders and make it extremely easy to add the visual code editor to any post/page.

Get Started Now

Supported page builders, include:

Add a visual code editor using WP Bakery Add a visual code editor using Visual Composer Add a visual code editor using Gutenberg Add a visual code editor using Tinymce