The p5.js Web Editor is an in-browser interactive development environment for writing p5.js sketches. It aims to lower the bar for creative coding. Users can start writing p5.js by simply opening a browser window, without the need to download software or do any configuration. It is free to use and it is an open source project, which is led by Cassie Tarakajian.

Here is the github repository: https://github.com/processing/p5.js-web-editor

I added  the following features:

Here are some screenshots of the UI component that I implemented:

Infinite Loop Detection