processing/p5.js-web-editor

p5.js Editor

Welcome! 👋👋🏿👋🏽👋🏻👋🏾👋🏼

The p5.js Editor is a website for creating p5.js sketches, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! You can create, share, or remix p5.js sketches without needing to download or configure anything. It is designed with beginners in mind, limiting features and frills. The editor is free and open-source because we believe software, and the tools to learn it, should be accessible to everyone.

Community 🌱 🌸

We are a community of, and in solidarity with, people from every gender identity and expression, sexual orientation, race, ethnicity, language, neuro-type, size, ability, class, religion, culture, subculture, political opinion, age, skill level, occupation, and background. We acknowledge that not everyone has the time, financial means, or capacity to actively participate, but we recognize and encourage involvement of all kinds. We facilitate and foster access and empowerment. We are all learners.

Learn more about our community and read our Community Statement and Code of Conduct. You can directly support our work with p5.js by donating to the Processing Foundation.

Stay in touch with Processing Foundation across other platforms:

• Instagram
• Youtube
• X
• Discord
• Forum

Using the p5.js Editor 🤔

Make your first sketch in the p5.js Editor! Learn more about sketching with p5.js on the Get Started and find everything you can do in the Reference. You can also look at examples and remix them in the p5.js Editor.

For more information on usage guidelines for the p5.js Editor, check out the p5.js Editor Terms of Use. To gain better insight into how we handle user data and data privacy, refer to the p5.js Editor Privacy Policy.

Contributing 📖 🐛 🎨

The p5.js Editor is a collaborative project created by many individuals, mostly volunteers, and you are invited to help. All types of involvement are welcome. To get started with contributing to the p5.js Editor, we recommend exploring the following resources in order:

1. p5.js Community Statement and Code of Conduct - Read our Community Statement and Code of Conduct to understand the values that guide our community and how to participate respectfully and constructively.

2. Contributor Docs - For a deeper look at how to get involved with the p5.js Editor, check out our Contributor Docs for more in-depth details about contributing to different areas of the project, including code, bug fixes, documentation, discussion, and more.

3. All Contributors list on the p5.js repository - Explore the All Contributors list to see the wide range of contributions by our amazing community!

TypeScript Migration: We have initiated migrating the repo to Typescript as part of the p5.js Web Editor pr05 Grant, and the repo is now open to migration contributions.

Please see Typescript Migration for migration guidelines. Please see 2025 pr05 Typescript Migration Project for details and technical decisions for the migration project.

Acknowledgements 🙏

Support for this project has come from Processing Foundation, NYU ITP, CS4All, NYC DOE, COSA at DU, STUDIO for Creative Inquiry, Grant for the Web, New Media Rights, and many others.

Hosting and technical support has come from: