p5.js project ideas
p5.js is a creative coding library for JavaScript that makes visual, interactive programming accessible to students of all ages and backgrounds. Its simple, expressive functions for drawing, animation, color, and user interaction have made it a favorite in CS classrooms worldwide — and its ability to produce beautiful, shareable results from just a few lines of code makes it an ideal platform for student projects. codeguppy.com is built on p5.js and provides a curated library of p5.js project ideas for students ranging from complete beginners to confident intermediate coders.
Popular p5.js project ideas on the platform include: generative art programs that produce unique visual patterns using loops and mathematical functions; interactive animations that respond to mouse movement and keyboard input; games built from first principles including collision detection and sprite animation; mathematical visualizations like function plotters and fractal generators; and creative coding experiments like particle systems, kaleidoscopes, and pixel art tools. Each project type connects p5.js's visual strengths to a different set of programming concepts, giving teachers and students a rich variety of meaningful project options.
For CS teachers planning a p5.js project unit, the platform's tutorial library provides scaffolded starting points for all of these project types, ensuring that students have enough guidance to get started while leaving room for original design and creative extension. For school librarians running STEAM programs that bridge computer science and visual art, p5.js projects are an ideal format: they are visually compelling, accessible to beginners, and produce results that display beautifully in a library exhibition or digital showcase.
Explore p5.js project ideas, tutorials, and examples at codeguppy.com — all free, all browser-based, and all designed to inspire students to create something they are genuinely proud of.
A free coding platform for schools
codeguppy.com is a free coding platform for high-school and middle-school students. Teachers around the world are using codeguppy.com to teach JavaScript.
To make coding easy, fun, and engaging for students of all ages, codeguppy.com comes with an online code editor and a graphical oriented runtime based on the p5.js library. The platform enables students to learn JavaScript while building fun games and animations.
Coding projects and activities for students
codeguppy.com comes with tons of coding projects and activities that students can use as a starting point for their projects.
Contact us!
If you want to learn more about the free coding platform, please feel free to contact us at any time. We can discuss how to get started with coding, how to implement codeguppy.com in your coding club ... or even discuss coding questions or share programs.