# p5js
**Repository Path**: mirrors/p5js
## Basic Information
- **Project Name**: p5js
- **Description**: p5.js is a JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing. http://twitter.com/p5xjs โ
- **Primary Language**: Unknown
- **License**: LGPL-2.1
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 8
- **Forks**: 0
- **Created**: 2017-04-02
- **Last Updated**: 2026-01-17
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
[](https://travis-ci.org/processing/p5.js) [](https://www.npmjs.com/package/p5)
# [p5.js](http://p5js.org)
Hello! p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today's web.
Using the original metaphor of a software sketchbook, p5.js has a full set of drawing functionality. However, you're not limited to your drawing canvas, you can think of your whole browser page as your sketch! For this, p5.js has addon libraries that make it easy to interact with other HTML5 objects, including text, input, video, webcam, and sound.
p5.js is a new interpretation, not an emulation or port, and it is in active development. An official editing environment is coming soon, as well as many more features!
If you already know the basics of JavaScript or Processing, the [p5.js overview](https://github.com/processing/p5.js/wiki/p5.js-overview) wiki page is a good place to start.
If you have found a bug in the p5.js library, you can file it here under the [โissuesโ tab](https://github.com/processing/p5.js/issues). An indicative template for reporting an issue is provided to assist you (and us!) better.
## p5.js library
To use the complete p5.js library, you can [download it here](http://p5js.org/download). If you are interested in the most recent, less stable version, or even simply in (**new!**) certain components of p5.js, you can clone this repository and run `grunt` from the command line to generate the library from source. See the [developer docs](https://github.com/processing/p5.js/blob/master/developer_docs/) for more information about our build process to generate the complete as well as selective library.
You can also start with the [codepen template](https://codepen.io/p5js/pen/wreBKy). You may need to update the version of the p5.js library that is linked into the html section.
Community maintained typescript definitions are [here](https://github.com/p5-types/p5.ts).
## Issues
Please post bugs in the correct repository:
* p5.js general and p5.dom: [https://github.com/processing/p5.js/issues](https://github.com/processing/p5.js/issues)
* p5.sound: [https://github.com/processing/p5.js-sound/issues](https://github.com/processing/p5.js-sound/issues)
* p5.js website: [https://github.com/processing/p5.js-website/issues](https://github.com/processing/p5.js-website/issues)
* p5.js web editor: [https://github.com/processing/p5.js-web-editor/issues](https://github.com/processing/p5.js-web-editor/issues)
## Learning
Check out [p5js.org](http://p5js.org) for lots more! Here are some quick-links:
* [Get Started](http://p5js.org/get-started): Create and run your first sketch!
* [p5.js overview](https://github.com/processing/p5.js/wiki/p5.js-overview) โ An overview of the main features and functionality of p5.js.
* [Reference](http://p5js.org/reference): The functionality supported by p5.js.
* [Learn](//p5js.org/learn): Tutorials and short, prototypical examples exploring the basics of p5.js.
* [Forum](http://forum.processing.org/two/categories/p5-js): Ask and answers questions about how to make things with p5.js here.
* [Libraries](http://p5js.org/libraries): Extend p5 functionality to interact with HTML, manipulate sound, and more!
## Get Involved
p5.js is a collaborative project created by many individuals, and you are invited to help. All types of involvement are welcome. See the [community section](http://p5js.org/community) to get started!
Developers, check out the [developer docs](https://github.com/processing/p5.js/blob/master/developer_docs/) for more in-depth details about contributing code, bug fixes, and documentation.
## Contributors
| [
Lauren McCarthy](http://lauren-mccarthy.com)
| [
Jason Sigal](http://jasonsigal.cc)
| [
Karen](https://twitter.com/KarenPunkPunk)
| [
Evelyn Eastmond](http://www.evelyneastmond.com)
| [
Daniel Shiffman](http://www.shiffman.net)
| [
Casey Reas](http://reas.com)
| [
Ben Fry](http://fathom.info)
|
| :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| [
Kenneth Lim](https://designerken.be/designing)
[๐](https://github.com/processing/p5.js/issues?q=author%3Alimzykenneth "Bug reports") [๐ป](https://github.com/processing/p5.js/commits?author=limzykenneth "Code") [๐](https://github.com/processing/p5.js/commits?author=limzykenneth "Documentation") | [
kate hollenbach](http://www.katehollenbach.com)
| [
Stalgia Grigg](https://github.com/mlarghydracept)
| [
Jerel Johnson](https://github.com/machinic)
| [
Saksham Saxena](http://sakshamsaxena.in)
| [
saber khan](https://twitter.com/ed_saber)
| [
Daniel Howe](https://github.com/dhowe)
|
| [
Kevin Siwoff](http://kevinsiwoff.com)
| [
Atul Varma](http://portfolio.toolness.org/)
| [
Jess Klein](http://www.jessklein.is/)
| [
uno seis tres](http://unoseistres.com)
| [
susan evans](http://www.susanev.com/)
| [
Saskia Freeke](http://sasj.tumblr.com)
| [
Phoenix Perry](http://www.phoenixperry.com)
|
| [
jesse cahn-thompson](https://s01e01.xyz/jct)
| [
Lee T](https://github.com/lee2sman)
| [
Chelly Jin](http://www.cargocollective.com/chellyjin)
| [
DIYgirls](http://www.diygirls.org)
| [
lam802](https://github.com/lam802)
| [
Maya Man](http://www.mayaman.cc)
| [
Tega Brain](https://github.com/tegacodes)
|
| [
luisaph](https://github.com/luisaph)
| [
AlM Chng](https://github.com/almchung)
| [
aarรณn montoya-moraga](http://montoyamoraga.io)
| [
Cassie Tarakajian](https://github.com/catarak)
| [
Niklas Peters](https://www.niklaspeters.com)
[๐](https://github.com/processing/p5.js/commits?author=nikfm "Documentation") [โ
](#tutorial-nikfm "Tutorials") | [
Mathura MG](http://mathuramg.com)
| [
Yining Shi](http://1023.io)
|
| [
Jen Kagan](http://kaganjd.github.io/portfolio/)
| [
Jiashan Wu](http://fromjia.com/)
| [
Marc Abbey](https://github.com/futuremarc)
| [
K.Adam White](http://www.kadamwhite.com)
| [
Joe Cridge](https://www.joecridge.me/)
| [
Michael Hadley](http://mikewesthad.com)
| [
Todd H. Page](http://tiller.dog)
|
| [
Jared Sprague](http://jaredsprague.com/)
[๐ป](https://github.com/processing/p5.js/commits?author=Jared-Sprague "Code") [๐](https://github.com/processing/p5.js/commits?author=Jared-Sprague "Documentation") [๐ก](#example-Jared-Sprague "Examples") [๐ต](#financial-Jared-Sprague "Financial") [โ ๏ธ](https://github.com/processing/p5.js/commits?author=Jared-Sprague "Tests") [๐](https://github.com/processing/p5.js/issues?q=author%3AJared-Sprague "Bug reports") | [
evelyn masso](http://www.outofambit.com)
| [
Blaize Kaye](http://bomoko.net)
| [
Sanchit Kapoor](https://github.com/DarkPrince304)
| [
Oliver Wright](http://meiamso.me)
| [
Matthew Kaney](https://github.com/mindofmatthew)
| [
Spongman](https://github.com/Spongman)
|
| [
Claire K-V](https://github.com/CleezyITP)
| [
R. Luke DuBois](http://lukedubois.com)
| [
Kevin Barabash](https://github.com/kevinbarabash)
| [
codeanticode](http://andrescolubri.net/)
| [
Bob Holt](http://www.bobholtwebdev.com/)
| [
Sarah Groff Hennigh-Palermo](http://sarahghp.com)
| [
Jordan Shaw](http://jordanshaw.com)
|
| [
brightredchilli](https://github.com/brightredchilli)
| [
Derek J. Kinsman](http://derekkinsman.com/)
| [
harkirat singh](https://github.com/hkirat)
| [
GoToLoop](https://github.com/GoToLoop)
| [
Max Goldstein](http://maxgoldste.in/)
| [
XY Feng](http://xystudio.cc)
| [
Sparsh Paliwal](https://github.com/PaliwalSparsh)
|
| [
Austin Cawley-Edwards](https://austince.me)
[๐](https://github.com/processing/p5.js/commits?author=austince "Documentation") [๐ก](#example-austince "Examples") | [
taseenb](http://www.estebanalmiron.com)
| [
Yannick Assogba](https://github.com/tafsiri)
| [
John Pasquarello](https://github.com/johnpasquarello)
[๐ป](https://github.com/processing/p5.js/commits?author=johnpasquarello "Code") | [
Kevin Workman](http://HappyCoding.io)
| [
gauini](https://github.com/gauini)
| [
David Wicks](http://sansumbrella.com/)
|
| [
Guillermo Montecinos](https://github.com/guillemontecinos)
| [
Shawn Van Every](http://www.walking-productions.com/notslop/)
| [
Sinan Ascioglu](http://www.wiredpieces.com)
| [
Abe Pazos](https://hamoid.com)
| [
Char](http://charstiles.com/)
| [
Gene Kogan](http://genekogan.com)
| [
Jason Mandel](https://github.com/jay-manday)
|
| [
Mark Russo](https://github.com/russomf)
| [
Jonathan Dahan](http://jedahan.com)
| [
Darius Morawiec](https://nok.onl)
| [
Darby Rathbone](https://github.com/darbicus)
| [
hrishit](https://github.com/hrishit)
| [
Chiun Hau You](https://twitter.com/chiunhauyou)
| [
Francesco Bigiarini](https://zaerl.com)
|
| [
Fabian Morรณn Zirfas](https://fabianmoronzirfas.me)
| [
Mike Anderson](http://cambridgemike.com)
| [
Mikael Lindqvist](http://linkedin.com/in/limikael)
| [
Chris](https://github.com/ctlusto)
| [
Max Segal](https://github.com/max0410)
| [
Tyler Stefanich](https://github.com/tstefanich)
| [
Dave](http://www.sixhat.net/)
|
| [
Xavier Snelgrove](http://wxs.ca)
| [
Gareth Battensby](https://github.com/DoubleJump)
| [
Taeyoon Choi](http://taeyoonchoi.com)
| [
AKASH RAJ](https://github.com/akashraj9828)
| [
Kevin Ho](https://github.com/keho98)
| [
Harsh Agrawal](http://dexter1691.github.io)
| [
Luca Damasco](https://github.com/Luxapodular)
|
| [
Sam Lavigne](http://lav.io)
| [
Epic Jefferson](http://epicjefferson.com)
| [
Caroline Record](http://www.carolinerecord.com/)
| [
Christine de Carteret](http://cjdecarteret.com)
| [
Chris Hallberg](http://crhallberg.com)
| [
David Newbury](http://www.workergnome.com)
| [
piinthecloud](https://github.com/piinthecloud)
|
| [
Paolo Pedercini](http://www.molleindustria.org)
| [
Jason Alderman](http://huah.net/jason/)
| [
Jennifer Jacobs](http://media.mit.edu/~jacobsj)
| [
Sepand Ansari](http://sepans.com)
| [
Val Head](http://valhead.com)
| [
Emily Chen](https://github.com/six5532one)
| [
Ben Moren](http://benmoren.com)
|
| [
Rune Skjoldborg Madsen](http://www.runemadsen.com)
| [
Scott Murray](http://alignedleft.com)
| [
Scott Garner](http://www.scottmadethis.net/)
| [
b2renger](http://b2renger.github.io/)
| [
Craig Pickard](http://craigpickard.net/)
| [
mxchelle](https://github.com/mxchelle)
| [
Zach Rispoli](http://www.wickeditor.com)
|
| [
Liu Chang](http://www.liuchang.work)
| [
Cristรณbal Valenzuela](http://cvalenzuelab.com/)
| [
Miles Peyton](http://www.milespeyton.info)
| [
Golan Levin](http://www.flong.com)
| [
feedzh](https://github.com/feedzh)
| [
Chiciuc Nicuศor](http://nicusor.org/)
| [
Ken Miller](http://www.videoventure.org)
|
| [
Chandler McWilliams](http://brysonian.com)
| [
Jaymz Rhime](http://wxactly.com/)
| [
Niels Joubert](http://njoubert.com)
| [
Utkarsh Tiwari](https://github.com/iamutkarshtiwari)
| [
Arihant Parsoya](https://github.com/parsoyaarihant)
| [
Brad Buchanan](http://bradleycbuchanan.com)
| [
Johan Karlsson](https://twitter.com/DonKarlssonSan)
|
| [
Andy Timmons](http://andrewjtimmons.github.io)
| [
zacharystenger](https://github.com/zacharystenger)
| [
Brian Boucheron](http://boucheron.org/brian)
| [
sortasleepy](https://github.com/sortasleepy)
| [
Kyle McDonald](http://kylemcdonald.net/)
| [
Antonio Jesรบs Sรกnchez Padial](http://spadial.com)
| [
Brad Smith](http://www.geekdome.net)
|
| [
Vรญtor Galvรฃo](https://vitorgalvao.com/)
| [
Devon Rifkin](https://github.com/drifkin)
| [
Emily Xie](http://xie-emily.com)
| [
Boris Bucha](http://twitter.com/borisbucha)
| [
Petr Brzek](http://avocode.com)
| [
Ramin](https://github.com/transfluxus)
| [
Arsenije Savic](https://github.com/arsenijesavic)
|
| [
Luke Burgess-Yeo](http://www.linkedin.com/in/lukeburgessyeo)
| [
Sun Lifei](https://github.com/slfmessi)
| [
naoyashiga](http://himo.boy.jp/)
| [
Jimish Fotariya](http://facebook.com/Jimish.Fotariya)
| [
Jorge Moreno](http://www.moro.es)
[๐](https://github.com/processing/p5.js/issues?q=author%3Aalterebro "Bug reports") [๐ป](https://github.com/processing/p5.js/commits?author=alterebro "Code") [๐](https://github.com/processing/p5.js/commits?author=alterebro "Documentation") | [
Steven Green](http://stevengreens10.github.io)
| [
Marcus Parsons](http://www.marcusparsons.com)
|
| [
Nick Yahnke](https://github.com/nthitz)
| [
Anthony Su](http://www.radialglo.com)
| [
kroko / Reinis Adoviฤs](http://www.kroko.me/)
| [
Robyn Overstreet](https://github.com/robynitp)
| [
Ben Hinchley](https://github.com/benhinchley)
| [
Max Kolyanov](http://ello.co/maxkolyanov)
| [
Zeno Zeng](http://zenozeng.com)
|
| [
Seth](http://www.sethkranzler.com)
| [
plural](https://github.com/plural)
| [
Lionel Ringenbach](http://ucodia.space)
| [
Harshil Goel](https://github.com/darkcoderrises)
| [
Joshua Storm Becker](http://becker.codes)
| [
max_devjs](http://twitter.com/max_devjs)
| [
trych](http://timorychert.de/)
|
| [
Alejandra Trejo](https://www.alejandratrejo.com/)
| [
Prashant Gupta](http://www.pgupta.com)
| [
Kai-han Chang](https://github.com/rasca0027)
| [
kjav](https://github.com/kjav)
| [
maddy](http://maddy.zone)
| [
Christopher Coleman](http://digitalcoleman.com)
| [
Boaz](http://boazsender.com)
|
| [
Yasai](https://github.com/wangyasai)
[๐](#blog-wangyasai "Blogposts") | [
Jay Gupta](https://github.com/hackertron)
| [
Nitish Bansal](https://github.com/bansalnitish)
| [
Caroline Hermans](https://caro.io/)
[๐ก](#example-carolinehermans "Examples") [๐](https://github.com/processing/p5.js/commits?author=carolinehermans "Documentation") | [
Faith Wuyue Yu](https://github.com/faithwyu)
| [
Aatish Bhatia](https://aatishb.com)
[๐](https://github.com/processing/p5.js/commits?author=aatishb "Documentation") [๐](https://github.com/processing/p5.js/issues?q=author%3Aaatishb "Bug reports") | [
Mislav Milicevic](https://github.com/dekmm)
[๐ป](https://github.com/processing/p5.js/commits?author=dekmm "Code") [๐](https://github.com/processing/p5.js/issues?q=author%3Adekmm "Bug reports") |
| [
Yuting Lu](https://github.com/yutinglu413)
[๐](https://github.com/processing/p5.js/commits?author=yutinglu413 "Documentation") | [
Adil Rabbani](https://github.com/adilrabbani)
[๐ป](https://github.com/processing/p5.js/commits?author=adilrabbani "Code") [๐](https://github.com/processing/p5.js/issues?q=author%3Aadilrabbani "Bug reports") [๐ก](#example-adilrabbani "Examples") | [
Pierre Krafft](http://zalastax.github.io/)
[๐](https://github.com/processing/p5.js/issues?q=author%3AZalastax "Bug reports") [๐ป](https://github.com/processing/p5.js/commits?author=Zalastax "Code") [๐](https://github.com/processing/p5.js/commits?author=Zalastax "Documentation") [๐ก](#example-Zalastax "Examples") [๐](#review-Zalastax "Reviewed Pull Requests") [โ ๏ธ](https://github.com/processing/p5.js/commits?author=Zalastax "Tests") [๐ง](#tool-Zalastax "Tools") | [
Zoรซ Ingram](https://github.com/zoeingram)
[๐](https://github.com/processing/p5.js/commits?author=zoeingram "Documentation") | [
Aidan Nelson](https://github.com/AidanNelson)
[๐](https://github.com/processing/p5.js/issues?q=author%3Aaidannelson "Bug reports") [๐ป](https://github.com/processing/p5.js/commits?author=aidannelson "Code") [๐](https://github.com/processing/p5.js/commits?author=aidannelson "Documentation") |
Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key))!
We recognize all types of contributions. This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Instructions to add yourself or add contribution emojis to your name are [here](https://github.com/processing/p5.js/issues/2309).