Run p5.js in your WordPress site with this Gutenberg block.

Florian Rieder

Easy p5.js Block

Adds a Gutenberg block to easily add custom p5.js code in your pages and preview it as you edit.

Mark Uraine

p5.js + WordPress. Want to share some generative art on your own WordPress site? This is the plugin to make it happen. Add your custom p5.js code, and preview it in the Gutenberg editor before publishing it on your page or post.
<ul>
<li>Currently, this plugin does not work with <code>createCanvas(windowWidth, windowHeight)</code>. You’ll need to use actual integer values like, <code>createCanvas(700, 400)</code>.</li>
<li>Currently, this plugin does not include the <code>p5.dom.js</code> or the <code>p5.sound.js</code> libraries.</li>
</ul>
This project was bootstrapped with <a href="https://github.com/ahmadawais/create-guten-block" rel="nofollow ugc">Create Guten Block</a> under the <a href="https://github.com/ahmadawais/create-guten-block/blob/master/LICENSE" rel="nofollow ugc">MIT License</a>.
This project also uses the p5.js library which is free software under the <a href="http://p5js.org/copyright.html" rel="nofollow ugc">GPL License</a>.

Alternatives to p5.js Block

Top alternatives