p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. Looking for p5.js 2.0? http://beta.p5js.org

Friendly machine learning for the web! 🤖

The 2024 edition of The Nature of Code with p5.js. Includes Notion workflow and build system.

Projects made during the 30 days of the JavaScript challenge

A Chrome/Firefox extension with custom new tab page featuring Chinese poems and P5.js enabled noise waves in traditional Chinese colors

Code package of the book: Generative Design – Creative Coding for the Web with JavaScript in p5.js

A MS-DOS Creative Coding IDE/platform based on JavaScript

A JavaScript library for creating real-time 2D and 3D shaders. JS -> Shader. https://shaderpark.com/ https://twitter.com/shaderpark

JavaScript game engine that uses q5.js/p5.js for graphics and Box2D for physics.

People You Should Follow on CodePen

Unlock custom brushes, natural fill effects and intuitive hatching in p5.js

A collision detection library for 2D geometry in p5.js

A small and fast alternative (experimental) implementation of p5.js

A wrapper component that allows you to utilise P5 sketches within React apps.

Beginner friendly graphics powered by WebGPU, optimized for interactive art!

Base starter project using p5js and typescript

A p5js template builder & sketches manager. Built for p5js enthusiasts.

A p5js library for risograph printing by Sam Lavigne and Tega Brain.

Recode of book "Dessins géométriques et artistiques avec votre micro-ordinateur" (1985) with p5js

🎬 super easy recording for p5.js animations

Spark Stack is an tool for building web applications through an AI-powered chat interface. Create quick MVPs and prototypes using natural language prompts.

Turn images into pixel art — an editor and JavaScript API for dithering, palette control, and more.

All aboard the Coding Train! Choo choo! 🚂🌈❤️

Visualization of MCTS algorithm applied to Tic-tac-toe.

Visual experiments exploring differential growth as a 2D morphogenesis tool.

One visual idea a day

Deprecated! See:

Complex Analysis: A Visual and Interactive Introduction

K5-compose is a sketchy port of p5.js for Jetpack Compose Desktop

:heart: Creative Coding Projects