Walk through

p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! p5.js is free and open-source. Using the metaphor of a sketch, p5.js has a full set of drawing functionality. However, you’re not limited to your drawing canvas.

Visit p5js.org

This website is created to show some of p5.js basic capabilities and provides some example sketches along with source code.

Visit Examples Gallery

Explore the gallery to see more examples of what you can create with p5.js. Each example includes the source code, so you can see how it's done. Start exploring and let your creativity run wild!

Don't worry if you're new to programming. p5.js is designed to make coding accessible and fun for everyone. It has a range of tutorials and examples to help you get started. Remember, the only limit is your imagination!

Join the vibrant p5.js community! Share your creations, ask questions, and learn from others. We believe in the power of open source and the importance of fostering a community where everyone feels welcome and can contribute.

Browser support

Feature Chrome Firefox Safari Edge IE
Drawing
Interaction
Animation
Typography
Math
Image
Sound

Useful links