p5.js demos you can play with right now

Hundreds of p5.js demos, each running live on its creator's own site: some of them vibe-coded with AI, all of them playable in your browser with nothing to install. Press a card to play one on its own page, or start the cruise to ride through them one after another.

p5.js is the friendly creative-coding library from the Processing family: a setup(), a draw() loop and you are making art. It powers a huge share of browser sketches, and this stop is a gallery of what people built with it.

Made one of these? See how many people played yours → or use email

• proce55us The project's homepage: (web editor: ) The app itself lives in the ECAL_MID_1_2027 monorepo (Tools/AgentCodingWithLMStudio/ for the web…
• PurpleMaze A demo project with a maze generated using a recursive backtracker
• pong Recreated a two-player version of the classic Pong videogame for a university project. [W] Move left paddle up [S] Move left paddle down…
• cats cradle A digital take on the classic string game. Hold both hands up to your webcam and glowing neon strings stretch between your fingertips. Pull…
• breakout p5 A browser brick-breaking game built with p5.js and p5.play. Move the paddle with the mouse, bounce the ball and clear bricks to earn points.
• Flappy Learn Created by Sahil Tah , Jayesh Shelar & Tigmanshu Kumar This Project uses neural-network & genetic algorithm for bird's brain. Input of the…
• web demoJS A Star for mazes JS A Star for mazes Application to find fastest way to exit a maze using A* algorithm. The js generates a random maze and it shows you graphically how A*…
• breakout Recreated the classic retro game Breakout as a side project during university. [A] / [LEFT ARROW] Move paddle left [D] / [RIGHT ARROW] Move…
• orchard snake Jeu interactif en p5.js illustrant le comportement de pilotage Arrival décrit par Craig W. Reynolds. Le joueur guide un serpent avec la…
• carPool Car Pool is a desktop (requires keyboard inputs) web game made with JavaScript. It uses p5.js for graphics and animation and uses matter.js…
• web demomandelbrot set mandelbrot set The Mandelbrot set rendered using p5.js and shaders click and drag mouse: move image around
• generative art piececreative coding galaxy creative coding galaxy This project is a creative coding exploration built with p5.js, simulating a rotating spiral galaxy composed of thousands of dynamically…
• ASCII Body Generative Art A collection of nine p5.js works that transform feminine body photographs into ASCII art. Each piece blends technology and artistry…
• comp visual 2024 2 tetris p5 Un clásico juego de Tetris interactivo desarrollado con p5.js, creado para la asignatura de Computación Visual 2024-2. Este repositorio…
• spherical mirror sandbox A web application for visualizing the images formed by the reflected rays of a spherical mirror. Helpful piece of software for 10th grade…
• blob mirror Mediums: computer, camera, custom software (written in JavaScript and GLSL) Links: video demo, live demo **_Blob Mirror_** is an…
• snake game p5 Play it and change whatever you want. For learn about of p5 check his site p5.js.
• Drbaph shapes An interactive web-based 3D shape visualization tool that renders various geometric shapes in a wireframe style with a dynamic matrix…
• game of life The standard B3/S23 cellular automata build on a toroidal array
• slime mold spread simulation Simulating the spread of the Physarum polycephalum slime mold using cellular automata. Inspired by reasearch done on pattern formation…
• math art An interactive 3D sine-wave sculpture made with p5.js in WebGL. It's adapted from Colorful Coding's Sine Wave sketch and adds automatic…
• quantum sandbox An interactive quantum computing education platform designed to make quantum mechanics intuitive through visualization, experimentation…
• Game of life Conway’s Game of Life cellular automata simulation in JavaScript using the p5.js library
• game witchrunner it's a simple Runner Game with P5.js and Canvas by Alura — Click here and enjoy! Developed by Anderson "Yagasaki" Marlon
• chaos game This is a Chaos Game generator and visualizer.
• creative code Ilusões de ótica, fractais, 3D e arte interativa feitas com código, por Tatiana Barros. Optical illusions, fractals, 3D and interactive art…
• snake game A clone of the famous Snake Game using P5.js inspired from Daniel Shiffman's Coding Challenges.
• P5.js iSpy Game My idea for creating iSpy City, was heavily inspired by the several iSpy computer games made by Scholastic that I used to play as a young…
• snake Classic game of Snake made using JavaScript with the p5.js library
• Chaos game visual illustration A visulaization of the chaos game algorithom using p5Js in JavaScript
• Snek Derpy Snake game in p5.js Sound only works if served through a webserver. If you aren't interested in sound it will just hang at loading…
• perlin generative art An interactive generative art website build using P5.js
• shape cycle Interactive generative design project using p5.js
• form cycle Interactive generative design project using p5.js and WebGL
• flaPPPPPy bird Clone of the legendary game "flappy bird" created with the help of the p5.js library(notice the five P's in the name).
• chaos game 3d A 3D animation of the Chaos Game mathematics method of creating a fractal using p5.js WebGL. A twist on the 2d implementation of Chaos…
• snakey A snake-like game that uses emoji to represent game world entities
• snake game A simple snake game created using p5.js You can play it here
• WumpusWorld Wumpus World is a computer game where a player has to explore a cave of interconnected rooms (blocks). Some blocks contain pits, in which…
• TicTacToeJS Who doesn't know the game of Tic-tac-toe? This time you are floating in space and need to play the game to survive. Enjoy this simple but…
• everything means everything It is a generative art project made with p5.js library.
• Sol 65 Solution my solution for Sol Lewitt wall drawing #65 in javascript
• Sol 118 Solution my solution for Sol Lewitt wall drawing #118 in javascript
• Visually Dynamic From high-school to university classes, Physics instructors try their best to help students visualize conceptually heavy scenarios. Not all…
• generative art playground A webpack boilerplate for playground exmaple showcase that uses ejs as the template engine. Check The Demo Here :D You have to put your…
• faca chover ML collage *12 am. Just got back from machine learning class. Head spinning. Heart ache. Trying to fill in the gaps of what it’s missing. Cutouts…
• serendipity Serendipity: beautiful designs that are created by lucky chance, interactive generative art exploration
• quantum generative art Transform any name into a unique quantum universe. Every person's name, processed through a 5-qubit quantum circuit, produces a…
• Snakep5js The snake game coded and made in p5.js by using a Double Linked List from the DoubleLinkedListLibJs library
• tetris Tetris P5.JS is made with HTML5, CSS and Javascript, supported by the p5.js library technology for the programming and physics logic of the…
• snake game p5js A simple classic snake game made with p5.js javascript library. Play the game here. This game is inspired by a Coding Challenge by Daniel…
• Newtons Cradle Newtons cradle is the result of my experiment with the matter.js library. Although there is no goal, it provides a fun and interactive…
• hundred balls 100 Balls is a simple physics game using p5.js and p5play. You can play the game in the browser at
• checkers The french variant of the checkers game developped with p5.js. The artificial inteligence use alpha beta pruning algorithm.
• p5 game jam dev A platformer game created in 3 days for a p5.js-based game jam, following the theme "Opposites." The game introduces a unique mechanic…
• breakout My JavaScript implementation of the Breakout game using p5.js Use RIGHT and LEFT keys.
• The Invasion Of Earth In this game, you must protect your world from aliens who have come to attack your world. You have 100 bullets, 2 minutes and must get at…
• Snake JS Snake game in JavaScript with p5.js
• line game Line is work in progress video game that is a mixture of a side scrolling shooter and a rhythm game The game is currently set to run at a…
• Shooting Range Shooting Range is a very basic game. The aim of this game is to shoot all of the balls before it hits the backboard, you have three lives…
• chaos game Chaos game rendered using p5.js Click to add seed points. Click the start button to begin drawing the fractal.
• SlidingPuzzle My JavaScript implementation of the Sliding Puzzle game using p5.js Refresh the page to start a new game.
• Kangaroo Run Your goal in Kangaroo Run is to collect as many berry bushes as possible while avoiding rocks.
• Operation coop Use your arrow keys to move and Enter to restart. The chicken gets tired after flying for prolonged periods of time. Make sure to allow it…
• snooker A physics prototype needs more than a canvas to explain a match. This browser game adds a clear match interface around a snooker-inspired…
• Mosaic Field Generative Art A seed-based generative system for thresholded tile compositions. A reproducible catalogue of computational textile compositions. Mosaic…
• Source Generative Art A seed-based generative system for self-rendering compositions. A reproducible catalogue of computational textile compositions. Source is a…
• p5 snake game My version of the renowned Snake game, coded in JavaScript and implemented with the p5.js library. It represents a small project from my…
• AI Chrome Dino Game AI leaning to play the well known chrome dino game using NEAT.
• Sol 46 Solution my solution for Sol Lewitt wall drawing #46 in javascript
• RocketBall A Rocket ball games, where rockets need to hit the ball. This is developed using p5.js . It uses genetic algorithm to learn over the time…
• MyRogueLike1 The very first video game I coded. I used p5.js. Play it on a computer at It is actually a proof of concept that music composers can now be…
• Snake Game Let's travel back in time and play a game of Snake ~~~~
• Game Uno Untitled Game using HTML5 + Canvas + JavaScript + JQuery + CSS
• Lissajous Canvas This is a canvas for playing with lissajous curves. I've had this project hanging around for a number of years yet I keep coming back to it…
• watercolormelodymachine WCMM is the result of a creative process using Machine learning. This machine is a artificial intelligence improvising at the piano while…
• Vynth Vynth is a modular digital video synthesizer, inspired by analog video synthesizers (like this), that runs in your browser. With Vynth…
• creepyTree Creepy Tree is a generative system that creates trees. A fun little personal project developed in P5js. There are some parameters you can…
• visualization golden ratio curve Visualize and play around Golden ratio curve. This project is build entirely using P5js. It's such a great library!
• particle flow Particle flow filed written with p5.js
• shape grid Interactive generative design project using p5.js
• Endless Marble Run This repository hosts the script and assets for the Endless Marble Run: a 3D simulation of modular blocks generating an infinite marble…
• snake game self played This is a self-played snake game that uses genetic algorithm and neural network to learn and improve its gameplay over time. The game is…
• evolutionary game of life Artificial life simulation using genetic algorithm
• Amazing Maze A Simple Java script Based Maze game Which Uses P5.js Javascript Library and Backtracking Algorithm to generate maze... Just open the…
• p5 playground Available to interact with here. Some game(s) implemented and played with neuroevolution of bots. For sketches that include video capture…
• tetris Gameboy made in JavaScript Tetris made in vanilla JavaScript using p5js as for graphics. it's made to look like the original Gameboy version(The First Tetris game)…
• cellularAutomata A cellular automaton (pl. cellular automata, abbrev. CA) is a discrete model studied in computer science, mathematics, physics, complexity…
• block breaker The official repository for the block breaker game.
• galaktoon This game only use the p5.js library. 1 - Download the source. 2 - Install the "live server" extension in Visual Studio Code. 4 - Click on…
• Snake Game Make the Snake as long as you can by eating the grey squares that will appear in the screen. Based on the video by: The Coding Train Use…
• FlappyBird AI This AI was trained using N.E.A.T. This is a genetic algorithm that trains the AI by creating generations of agents and simulating them in…
• asteroids game Built with p5.js , Clone of Arcade Game : Asteroids (1979 Atari)
• tesseract formfinding abstract generative sketch inspired by multidimensional space (p5.js) Oh well! This project is a personal generative sketch created with…
• Happy Doughnuts A p5.js animated doughnut character demo with dance and formation controls.
• voz formas Transcribe la voz a texto en tiempo real (Web Speech API, español). Convierte el sonido en explosiones abstractas independientes, donde…
• tiny house generator A small generative drawing system that assembles imaginary cottages from architectural parts, hand-drawn marks, and a controlled amount of…
• love Six generative cards in the browser — peony, constellation, heart, letter, fireflies, clock. Pass ?name=Anna&text=... in the URL and share…
• Creative Coding A collection of interactive, generative, and visual coding experiments built with p5.js. Welcome to my Creative Coding repository! This…
• audio reactive visualizer p5 javascript A compact, static web visualizer using p5.js and p5.sound. This is a browser adaptation of an original Processing sketch that focuses on…