https://p5js.org/

Skip to main content
 
Menu

  * Reference
  * Tutorials
  * Examples
  * Contribute
  * Community
  * About

  *  
    Start Coding
  *  
    Donate

English
Accessibility
[                    ]
p5.js is a friendly tool for learning to code and make art. It is a
free and open-source JavaScript library built by an inclusive,
nurturing community. p5.js welcomes artists, designers, beginners,
educators, and anyone else!

Lauren Lee McCarthy reading the Processing Community Catalog. Photo
credit: Maximo Xtravaganza.

Coding Club for people aged 50+ in Korea, led by Inhwa Yeom.

Qianqian Ye introducing 600+ p5.js contributors at p5.js Community
Salon. Photo credit: Ziyuan Lin.

p5.js workshop at CC Fest NYC at ITP-NYU in November 2018.

p5.js workshop at Tunapanda Institute in Nairobi. Photo credit:
Tunapanda Institute.

p5.js will not add any new features except those that increase
access.

p5.js Contributors Conference 2015.

p5.js Contributors Conference 2019.

Lauren Lee McCarthy reading the Processing Community Catalog.

Lauren Lee McCarthy reading the Processing Community Catalog.

Inhwa Yeom teaching p5.js to people aged 50+.

Inhwa Yeom teaching p5.js to people aged 50+.

Qianqian Ye holding a mic next to a big t.v. screen that has a grid
of p5.js contributor photos on it.

Qianqian Ye holding a mic next to a big t.v. screen that has a grid
of p5.js contributor photos on it.

p5.js workshop participants coding while showing their projects on
screen.

p5.js workshop participants coding while showing their projects on
screen.

Students learning to code while checking a p5.js book.

Students learning to code while checking a p5.js book.

Person with a microphone speaking to fellow participants in front of
text that reads p5.js will not add any new features except those that
increase access.

Person with a microphone speaking to fellow participants in front of
text that reads p5.js will not add any new features except those that
increase access.

Participants jump, smile and throw their hands in the air on a green
lawn.

Participants jump, smile and throw their hands in the air on a green
lawn.

Participants sit around a table with their laptops and observe code
on a screen.

Participants sit around a table with their laptops and observe code
on a screen.

Explore the p5.js library reference

Reference

Learn p5.js with examples

Examples
 
Screenshot of sketch

Screenshot of sketch

Geodata Weaving

kaspar

 
Screenshot of sketch

Screenshot of sketch

Slime Molds

Patt Vira

See the p5.js community in action

Community
 
Screenshot of sketch

Screenshot of sketch

Generative Succulents

newyellow

 
Screenshot of sketch

Screenshot of sketch

Padrao Geometrico

Guilherme Vieira

 
Screenshot of sketch

Screenshot of sketch

Zen Pots

newyellow

 
Screenshot of sketch

Screenshot of sketch

Glitch animation

Karakure178

Donate to p5.js

Donate

Download p5.js

Download Library
p5.js
Resources

  * Reference
  * Tutorials
  * Examples
  * Contribute
  * Community
  * About
  * Start Coding
  * Donate

Information

  * Download
  * Contact
  * Copyright
  * Privacy Policy
  * Terms of Use

Socials

  * GitHub
  * Instagram
  * X
  * YouTube
  * Discord
  * Forum

 

Looking for the old p5.js site? Find it here!