Easy p5.js Block
Adds a Gutenberg block to easily add custom p5.js code in your pages and preview it as you edit.
Consider an alternative
Easy p5.js Block shows warning signs in 2026 — compare the alternatives below before installing. It runs on 200+ sites, is rated 5/5 and was last updated 2 years ago, and scores 36/100 on our health check.
- Small user base (200+ active installs)
- Very few reviews so far
- No update in over a year
- Only tested up to WordPress 6.6 (latest is 7.1)
Daily downloads
Download spikes usually follow a new release — each site that auto-updates counts as a download.
Rankings
Where Easy p5.js Block stands todayWordPress.org search rankings
Live position in the plugin search, top 100| Keyword | Position |
|---|---|
| creative coding | #90 |
| generative art | #2 |
| javascript | >100 |
| p5js | #1 |
| processing | >100 |
Version adoption
Share of active sites per release.
Rating breakdown
★★★★★★★★★★ 5 from 1 reviews
About Easy p5.js Block
From the official readme · v1.1.2Description
This p5.js Gutenberg block plugin is the perfect tool for showcasing your generative art or adding an extra level of visual interest to your website. With p5.js, you can create interactive, dynamic, and customizable visuals that will keep your audience engaged and excited. Whether you’re an artist, designer, or developer, this plugin makes it easy to integrate your p5.js sketches into your WordPress website. Impress your visitors with your stunning generative art and take your website to the next level with this p5.js Gutenberg block plugin.
Try it out on a free dummy site now !
Acknowledgements
This plugin is similar to Mark Uraine’s p5.js block, and is in fact reverse engineered from it, although very little of the actual code is reused (see mapk/p5js-block). I was prompted to develop this plugin due to encountering bugs, lack of display options, and mostly the lack of updates and support for this original plugin. I feel like it should be easier to insert p5.js artworks into WordPress websites and blogs, and this is my contribution to it (although it may be buggy, I try my best. Feel free to ask in the support forum, or open an issue or a pull request on Github).
This project uses the p5.js library version 1.7.0, which is free software under the GPL License. Currently, this plugin does not include the p5.sound.js libraries.
Installation
- Upload the plugin files to the
/wp-content/plugins/directory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress.
Frequently asked questions
Q: Does this plugin require a configuration ?
A: No ! Just activate the plugin and add the p5.js block to any page or post to get started.
Q: How should I size my canvas with this plugin ?
A: It is highly recommended to define the height and width of your block in the block settings panel, and use createCanvas(windowWidth, windowHeight) to ensure that your sketche’s sizing is responsive. However, you can define a fixed size for the canvas in your script using for example createCanvas(600, 400). In this case, the size of the block will adapt to the canvas size defined in the script automatically, unless the size of the block has been defined in its setting panel. In order for your sketch to be rendered properly when using createCanvas(windowWidth, windowHeight), it is important…
Q: How can I make a canvas that takes the full width of the window ?
A: To achieve this effect, select the “Full width” alignment option in the block’s toolbar, and use createCanvas(windowWidth, windowHeight) in your script. Don’t forget to set the height of your canvas in the block settings panel. The width setting will be ignored. A horizontal scroll bar can appear in pages using full width alignment. To fix it, you can add this CSS to your site’s custom CSS: `css body { overflow-x: hidden; } `
Q: Where can I contribute to the project?
A: You can contribute on the GitHub Repository of this plugin.
Changelog
1.1.2
- Fixed textarea width
- Moved p5.js dependency to a local asset instead of using a CDN link.
- Updated p5.js to 1.11.0.
- Fixed horizontal overflow with full width option.
- Fixed preview overflow issues.
- Improved canvas auto-sizing.
1.1.1
- Speculative fix for a bug where the canvas sizing would fail on chromium-based browsers.
1.1.0
- Added a “Full width” alignment option.
- Fixed a bug where the canvas sizing would sometimes fail.
1.0.0
- Released working block with sizing, layout and scrollbar settings.
Screenshots
For developers
Is this your plugin? Show off the numbers.
Add a live badge to your site, docs or GitHub README. It updates on its own — no account needed.
FAQ
Easy p5.js Block: quick answers
Straight answers, pulled from live WordPress.org data.
Live data from WordPress.org · checked Oct 2, 2026
Is Easy p5.js Block free?
Yes. Easy p5.js Block is free to download and use from the official WordPress.org plugin directory.
Is Easy p5.js Block safe to use in 2026?
Easy p5.js Block shows warning signs in 2026 — compare the alternatives below before installing. It runs on 200+ sites, is rated 5/5 and was last updated 2 years ago, and scores 36/100 on our health check.
How many websites use Easy p5.js Block?
Easy p5.js Block is active on 200+ WordPress websites and has been downloaded 6,039 times since it launched in March 2023. It was downloaded 109 times in the last 30 days.
Does Easy p5.js Block work with WordPress 7.1?
Easy p5.js Block is officially tested up to WordPress 6.6.9, while the latest release is 7.1.2. It may still work, but try it on a staging site first.
What PHP version does Easy p5.js Block need?
Easy p5.js Block requires PHP 7.0 or higher. Most hosts run PHP 8.x today, so it works on any modern WordPress hosting.
When was Easy p5.js Block last updated?
The latest version, 1.1.2, was released on October 6, 2024 (2 years ago).
Who makes Easy p5.js Block?
Easy p5.js Block is developed and maintained by Florian Rieder.
Powered by PageForge
Want thousands of pages that rank like these? Build them in an afternoon.
This directory runs on the same engine as PageForge. Turn any spreadsheet, CSV or API into thousands of fast, SEO-ready WordPress pages — with schema, internal links and AI-written copy baked in.
- CSV, Google Sheets & API data sources
- AI content, schema & internal links per page
- Works with Elementor, Gutenberg, Yoast & Rank Math
- Free on WordPress.org — no credit card
