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.

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

• SVG Parametriser Convert SVG paths from Adobe Illustrator to parametric p5.js/Processing code with full transform control. Check out the demo here…
• inksomnia A collection of p5.js sketches for generating sleep-screen artwork for an XTeink X4 e-ink reader. These scripts will also run at.
• strange equilibria An interactive generative-art piece: a strange attractor — a single point governed by four constants — is iterated millions of times and…
• JS Tangle Game This simple game has only one objective: untangle the net. By clicking and dragging the points of the net, you can change the shape of the…
• p5.book p5.book is a PDF book generator for p5.js 2.0. It captures each canvas frame as a page, compiles them into a PDF, and opens a built-in…
• trunk effect 零依赖的 Canvas2D 动效：同心环在噪声场里缓慢摆动，像年轮 / 指纹。 复刻自 Vanta 的 TRUNK 效果（原效果作者 Kjetil Midtgarden Golid）。 Vanta 的 vanta.trunk.min.js 本身只有 10KB，但它要求你先引入…
• p5forge AST-based Processing(Java)-to-p5.js compiler with browser preview and CLI. p5forge is not a full Java compiler. The focus is on practical…
• CelestialPaddle Celestial Paddle is a space-themed breakout-style game where you control a glowing paddle to bounce a ball and break cosmic blocks. Set…
• TicTacToeStrategy TicTacToeStrategy is an interactive Tic-Tac-Toe game that includes real-time statistical insights into potential game outcomes. These…
• trex T-Rex Game is a recreation of the classic Google Chrome offline dinosaur game, built using p5.js. It's a simple, yet addictive game where…
• AxThrowerGame p5 Game: Throw an ax at a target on a tree to get points.
• sweet sprint SweetSprint is a 2D runner platformer game built with p5.js. You control a character using the keyboard arrow keys to move left and right…
• duckGame A short, fun game built in Javascript using p5
• Game of Life P5.js A small Game of Life project with P5.js
• text based planets A 2d game with text based graphics, that simulates gravity attraction between planets.
• p5td CS30 capstone p5 TD — Tower Defense Capstone Project A browser-based tower defense game built in JavaScript using the p5.js creative coding library…
• p5js side scroller A 2D side-scrolling platform game built using JavaScript and the p5.js library. The game features character movement, jumping, scrolling…
• ofis Un diorama isométrico de una oficina en miniatura, dibujado entero con código. ✨ Chibi Office es una experiencia isométrica relajante hecha…
• REW p5 Porting and upgrade of REW game from Processing to P5.js. A new chapter of the same music cassette whose tape keeps unrolling out of place…
• Nose Controlled Mario Play Super Mario with your face. Your webcam tracks your nose in real time, and moving your head steers Mario: lean left or right to walk…
• Multiplayer Snake Made using p5js library, Node.js and Socket.io A Multiplayer Snake Game Using Server Side Programming Learned Sockets, Node and p5 from The…
• vibe A space shooter where every enemy is an instrument. Enemies attack on the beat, and each type plays a different part of the band. The…
• A Follow AFollow is an interactive web application demonstrating the A* pathfinding algorithm using p5.js. Watch as a player navigates through a…
• scheduler How best to represent a Radar Schedule? Physics!
• collection game judi a This is a place for you to start building your Collection Style Game Project! Trying a Spice Level Challenge (See Part 5). Adding another…
• bomb click game A small game I made in p5.js. There are six boxes and some of them have bombs hidden in them. Pick a safe box to get a point. Pick a bomb…
• Word Bord Rotate rows and columns to form words in this daily Scrabble meets Rubik's Cube game. Score as many points as possible in the limited…
• Toko Toko is a framework to expand p5.js for creative coding with grids, color palettes, image loading, parameter panels, svg rendering, image…
• p5js clock A premium, interactive browser-based chronometer and celestial observatory simulator built with p5.js and HTML5/CSS3. Explore horological…
• Food Grid Generative Art A seed-based generative art catalogue for Food Grid, a computational illustration system. Built as a single-file HTML page with p5.js…
• Deconstructed Stage Generative Art A seed-based generative art catalogue for Deconstructed Stage, a computational Suprematist composition system. Built as a single-file HTML…
• Organic Shapes Generative Art A seed-based generative art catalogue for Organic Shapes, a computational petal-form system. Built as a single-file HTML page with p5.js…
• Wallpaper Groups Generative Art A seed-based generative art catalogue for Wallpaper Groups, a computational crystallographic-symmetry system. Built as a single-file HTML…
• Gothic Grid Generative Art A seed-based generative art catalogue for Gothic Grid, a computational mosaic system. Built as a single-file HTML page with p5.js, styled…
• Order to Chaos Generative Art A seed-based generative art catalogue for Order to Chaos, a computational gradient-grid system. Built as a single-file HTML page with…
• Neon Arcade Generative Art A seed-based generative system for layered neon arc compositions. A reproducible catalogue of computational glow studies. Neon Arcade is a…
• DanaProcessing Creative coding in C#, the Processing way. 2D, real 3D and a live-coding audio engine, with a desktop IDE built just for sketching. I…
• p5js handsteer 카메라 앞에서 두 손을 들면 화면 속 판이 기울고 소리가 어긋납니다. 손을 올리면 빨라지고, 한쪽 손을 내리면 그쪽으로 기웁니다. 두 손을 어깨 위로 들면 시작 신호가 켜집니다. 관객이 폰으로 적어 보낸 문장은 그 화면 위로 떠오릅니다. 웹캠 한…
• genuary 2026 31 generative artworks I created for Genuary 2026. Click any piece below to run it in your browser. Genuary is a month-long generative art…
• pong Uma cópia do clássico jogo Pong criada como projeto prático do curso "Jogos Clássicos Parte 1 - Pong" da Alura cujo objetivo é ensinar…
• p5.pong Implementação do jogo Pong em HTML e Javascript, utilizando a biblioteca p5.js. Esse projeto faz parte do curso "Lógica de programação…
• quadtree Particle collision detection using quadtree. A quadtree is a tree data structure in which each internal node has exactly four children…
• pacmanJS A pacman in Javascript
• Pong This is a remake of the game Pong written in JavaScript using the p5.js framework. [w, s] control player 1 [upArrow, downArrow] control…
• JavaScript Pong Feito com o curso da Alura JavaScript-Pong by Erick do Nascimento das Neves está licenciado sob CC BY-NC 4.0
• flappy bird ai Flappy Bird AI using Neat algorithm. Some devices could encounter issues by increasing the population size or the speed too much. Don't…
• flapai This is a learning project and combines a Flappy Bird clone with a basic AI implementation. The game is a clone of Flappy Bird based on…
• p5 2D Sidescroller Made for learning purposes by Kristian Virtanen. You can play this via browser at Move your chraracter on screen by pressing UP (jump) or…
• Jumperdino Um jogo simples em que o jogador controla um dinossauro que precisa evitar obstáculos no caminho, pulando sobre as pedras. Movimentação do…
• Squares in Hue Generative Art A seed-based generative system for monochromatic square grid compositions. A reproducible catalogue of computational hue studies. Squares…
• Generative Lifeform Generative Art A seed-based generative art catalogue for Generative Lifeform, a computational network system. Built as a single-file HTML page with p5.js…
• Corolla Generative Art A seed-based generative system for layered petal compositions. A reproducible catalogue of computational textile compositions. Corolla is a…
• Gradient Grid Generative Art A seed-based generative system for noisy gradient field compositions. A reproducible catalogue of computational colour studies. Gradient…
• Layered Diagram Generative Art A seed-based generative art catalogue for Layered Diagram, a computational linework system. Built as a single-file HTML page with p5.js…
• Quilt Generative Art A seed-based generative system for rotated block compositions. A reproducible catalogue of computational textile compositions. Quilt is a…
• circular audio visualizer Visualize Audio in a fancy circle with gradients and other effects! :)
• morph Generative system for creating crystal graphics
• JSPong The classic pong game made in JS and p5js library. To play against a pseudo-AI, use the w and s keys in the keyboard using the link.
• quineP5js A quine is a computer program which takes no input and produces a copy of its own source code as its only output. The standard terms for…
• Disaurde Tool for building real time camera effects with visual blocks. Disaurde is a browser-based realtime filter processor. It allows to create…
• amodo *(In a hurry? You can try amodo at amodo sits halfway between a tool for texture artists and a generative art toy: you can load the image…
• sketches (generative) art + text sketches. p5js probably.
• personal website Personal website
• vascular Branching is beautiful.
• Battle Field Generative Art A seed-based generative system for two-force compositions. A reproducible catalogue of computational textile compositions. Battle Field is…
• Fibonacci Circles Generative Art A seed-based generative system for Fibonacci-scaled ellipse ring compositions. A reproducible catalogue of computational series studies…
• Japanese Patterns Generative Art A seed-based generative art catalogue for Japanese Patterns, a computational traditional-motif system. Built as a single-file HTML page…
• Portrait Series Generative Art A seed-based generative art catalogue for Portrait Series, a computational character-study system. Built as a single-file HTML page with…
• p5js pong Browser implementation of the old Arcade game Pong using the great p5js Javascript library. The game includes different player modes…
• Striatum Script-based real time shader processor for camera. Striatum is the next version of Disaurde, it allows to create complex and customizable…
• LOL2D Core live demo
• electric circles Generative animation using OOP and conditional logic with the radii of two circles.
• intersecting circles Two circles move with random speeds and change colors when intersecting. THe backround is refreshed every few seconds. Double-click…
• GeradorDeLava Olá pessoal!, esse projeto tem como principio mostrar que com o uso da programação podemos criar boas simulações como essa, um gerador de…
• bit murals generative math art
• perlin landscape A 3D landscape is created dynamically using the Perlin noise function of p5.js. The colors of the background and the landscape can by…
• stripe patterns Create awesome geometric patterns using triangles and some clever canvas manipulation SO YOU CAN TAKE PANTS-RUININGLY AWESOME SCREENSHOTS…
• ArteGenerativo Material para un taller de experimentación sobre arte generativo
• bullethell.p5js A bullet hell game in HTML5 and JS, using the p5.js library. You can play it here.
• Fruit Ninja Fruit Ninja - the most popular fruit-slicing game in the world! This game is built completely using the p5js JavaScript library. RULE 2…
• learning to paint A generative art system that uses Lindenmayer systems (L-systems) as painting instructions, rendered as dot compositions with p5.js…
• isometric cubes ASK The antidote is not better prediction, but humility. Not resilience, but antifragility — systems that gain from disorder. Nature evolves…
• chalks A thin, independent library on top of p5js containing methods to manipulate points and draw figures. Chalks is fully compatible with p5js…
• iconizer ★ Netscape Now! · best viewed at 800×600 ★ Upload a picture and an SVG icon. Iconizer renders the picture as a photomosaic where every grid…
• pong game Jogue um dos jogos mais famosos de todos os tempos. O Pong !
• Car Trash Game O objetivo do jogo é atravessar a rua sem colidir com os carros // The objective is cross the street without colliding with the cars.
• Bug Stomping Game A fun little bug stomping game I made. *Although this game will probably be playable on mobile for the most part, since I made it so you…
• p5js game of life game of life
• snake game game · javascript · p5js · snake-game
• csci202 week4 Create an webpage that transforms between two distinct perspectives or identities through the user's interaction with it. "Identity" could…
• imersao gamedev Game Desenvolvido durante a Imersão GameDev da Alura. Para acessar o game e ajudar a bruxinha Hipsta, clique aqui e jogue agora.
• browser gamehopping game hopping game basic dino-like hopping game designed using js
• Pong Game Jogo PingPong para 2 jogadores // PingPong game for 2 players.
• Hackathon Game This is a game that we created for the 2019 Gunn Hackathon 5.0 It's a simple platformer / side scroller game created using the p5.js…
• endless runner game A simple endless game made during the ImersaoGameDev from Alura, to understand the basics about game rendering, sounds, and much more using…
• generative gallery A website showcasing some of my generative art
• ball sort The test consists of a simple game that has the objective of measuring the mathematical logical ability of the users. The user will go…
• climbing game project First project of Ironhack Web Development Bootcamp moving top to bottom (continuously). appears to be climbing up. can move left and right…
• imersao alura gamedev Projeto desenvolvido durante a semana de Imersão em Gamedev da Alura Cursos. O projeto foi desenvolvido com base na biblioteca p5.js e se…
• pongy A pong-like game presented in a classic style. Movement trails replicate some of the appearance of a vector-based display—the way Pong was…