p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. Looking for p5.js 2.0? http://beta.p5js.org

The 2024 edition of The Nature of Code with p5.js. Includes Notion workflow and build system.

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.

A Chrome/Firefox extension with custom new tab page featuring Chinese poems and P5.js enabled noise waves in traditional Chinese colors

Port to p5.js of Nature of Code examples

Code package of the book: Generative Design – Creative Coding for the Web with JavaScript in p5.js

p5.sound brings the Processing approach to Web Audio and p5.js. Demos:

A collection of heavily commented WebGL shaders created with p5.js and GLSL

Intro to Creative Coding workshop with p5.js and Tone.js

SVG runtime for p5.js.

JavaScript game engine that uses q5.js/p5.js for graphics and Box2D for physics.

Unlock custom brushes, natural fill effects and intuitive hatching in p5.js

Repository for The Nature of Code book with p5.js

A collision detection library for 2D geometry in p5.js

A small and fast alternative (experimental) implementation of p5.js

Workshop on music visualization with p5.js from Eyeo '15, previously MozFest '14, NYU ITP

Replicating 3Blue1Brown's math animation engine in JavaScript (p5.js)

p5.gui magically generates a graphical user interface for your p5.js sketches

Deprecated desktop editor for p5.js

p5.js collaborative live-coding vj environment!

Port all of Learning Processing examples to JavaScript using p5.js

Draw 2D primitives in a sketchy look in p5.js

Web Audio Speech Synthesis / Recognition for p5.js

Archived p5.js website 2015-2024

OSC for p5.js with examples

A plugin for using p5.js code inside Sketch

K5-compose is a sketchy port of p5.js for Jetpack Compose Desktop

Python to P5.js Transcriptor

Use your microcontroller with p5.js

A pattern drawing library for p5.js.