p5js

There are 57 repositories under p5js topic.

• processing / p5.js

  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

  artcreative-codingdesigneducationgraphicshtmljavascriptlearningp5jsprocessingsound
  Language:JavaScript 23133

• ml5js / ml5-library

  Friendly machine learning for the web! 🤖

  lstmdeep-learningimagenetmachine-learningjavascriptneural-networkp5xjsp5js
  Language:JavaScript 6583
• noc-book-2

  nature-of-code / noc-book-2

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

  creative-codingnature-of-codep5jsphysicssimulation
  Language:HTML 1654

• swapnilsparsh / 30DaysOfJavaScript

  Projects made during the 30 days of the JavaScript challenge

  30daysofjavascripthacktoberfesthacktoberfest2025javascriptjavascript-projectsjavascript-vanillajsp5js
  Language:JavaScript 1163

• liminalpurr / jizhi

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

  chrome-extensionp5jscreative-codingnewtabpage
  Language:JavaScript 1107

• generative-design / Code-Package-p5.js

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

  sketchesp5jsp5p5-sketchesgenerative-designgenerative-art
  Language:JavaScript 974

• SuperIlu / DOjS

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

  msdosretrocomputingretrojavascriptdosms-dosfreedosp5jsprocessingretrogamingvoodoo-cardmujsdjgppallegro3dfxglidedzcommhacktoberfest
  Language:C 924

• shader-park / shader-park-core

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

  computer-graphicscreative-codingglslgpugraphics-programminglive-codingp5jsprocessingraymarchingraymarching-distance-fieldsreal-timerenderingsdfshadershader-parkshadersshadertoysigned-distance-fieldwebwebgl
  Language:JavaScript 802
• p5play

  quinton-ashley / p5play

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

  game-engineeducationgame-developmentgamedevjavascriptjavascript-game-enginejavascript-physicsp5jsp5js-gamep5playphysics-simulationplanck-jsbox2dbox2d-physics-enginep5q5q5js
  Language:JavaScript 714

• nucliweb / People-You-Should-Follow-on-CodePen

  People You Should Follow on CodePen

  codepensvganimationwebglcanvasp5jsinteractioncreative-codingcsshacktoberfest
  Language:JavaScript 701

• bmoren / p5.collide2D

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

  collision-detectionp5js2d-collision-libraryp5p5js-gamep5xjsp5-libraryp5-jshitbox
  Language:JavaScript 587

• LingDong- / q5xjs

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

  p5js2djs-librarycreative-coding
  Language:JavaScript 567

• acamposuribe / p5.brush

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

  brushbrusheschildrenflowfieldhatchingp5p5-libraryp5jswatercolor
  Language:JavaScript 563

• P5-wrapper / react

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

  reactp5animationcomponentsketchescreative-codinggraphics-programmingtypescriptjavascriptp5js
  Language:TypeScript 550

• Gaweph / p5-typescript-starter

  Base starter project using p5js and typescript

  p5jstypescriptstarter-projectproject-tag
  Language:TypeScript 354

• q5js / q5.js

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

  p5p5jsq5q5jsq5xjscreative-codinggenerative-artinteractive-artp5xjseducationartdesigngraphics
  Language:JavaScript 354

• chiunhau / p5-manager

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

  p5jstemplatemanagementes6guisketches-managerlivereloadnodejs
  Language:JavaScript 351

• antiboredom / p5.riso

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

  p5jsp5risorisograph
  Language:JavaScript 336
• dessins_geometriques_et_artistiques

  v3ga / dessins_geometriques_et_artistiques

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

  canvasp5jsprocessingsvg
  Language:JavaScript 310
• p5.capture

  tapioca24 / p5.capture

  🎬 super easy recording for p5.js animations

  p5jscanvascreative-codingartvideojavascript
  Language:TypeScript 290

• sshh12 / spark-stack

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

  ai-codingclaude-3-5-sonnetmodalv0p5jspixijsprompt-stack
  Language:JavaScript 259

• CodingTrain / thecodingtrain.com

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

  hacktoberfestgatsbylearningp5jsprocessingreactreactjsyoutube
  Language:JavaScript 258

• vgarciasc / mcts-viz

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

  mctstictactoevisualizationp5js
  Language:JavaScript 253

• jasonwebb / 2d-differential-growth-experiments

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

  javascript2ddifferential-growthp5jsmorphogenesiscreative-codinggenerative-artprocedural
  Language:JavaScript 251

• Tezumie / Image-to-Pixel

  An editor that converts images to pixel art, add dither, set palettes, and more! Made entirely in p5js.

  dithereditorgenerativeimagep5jspixelpixelarttool
  Language:JavaScript 246

• villares / sketch-a-day

  One visual idea a day

  processingpython-modepythonartgenerative-artalgorithmic-artgraphic-designsketchescreative-codingvisualp5jsprogramacao-criativa
  Language:Python 238

• shiffman / Neural-Network-p5

  Deprecated! See:

  neural-networkmachine-learningneuroevolutionp5jsjavascriptgenetic-algorithm
  Language:JavaScript 223

• CuriousNikhil / k5-compose

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

  jetpack-composekotlinartgenerative-artp5jsandroiddraw
  Language:Kotlin 217

• berinhard / pyp5js

  Python to P5.js Transcriptor

  creative-codingp5jspythonprocessinghacktoberfesthacktoberfest2021
  Language:JavaScript 212

• anuraghazra / CanvasFun

  :heart: Creative Coding Projects

  canvascanvas2dcreativecodingp5jscreative-codinghtml5-canvascodingtraincoding-challengecanvasfun
  Language:JavaScript 211

• complex-analysis / complex-analysis.github.io

  Complex Analysis: A Visual and Interactive Introduction

  analysisappletscindyjsgeogebramathematicsp5jstextbookvisualization-toolsmathcellcomplex
  Language:HTML 201

• LingDong- / handpose-facemesh-demos

  🎥🤟 8 minimalistic templates for tfjs mediapipe handpose and facemesh

  handposetensorflowjsmediapipemachine-learningcomputer-visionnetworkingthreejsp5js
  Language:JavaScript 192
• p5-svelte

  tonyketcham / p5-svelte

  Easily add p5 sketches to a Svelte project 🍛 🌱

  generative-artp5p5jssveltesvelte-components
  Language:Svelte 186
• tin

  ddiu8081 / tin

  ✳️ Mathematical arts driven by t, i and anything.

  mathmathartp5js
  Language:Vue 184
• p5.pattern

  SYM380 / p5.pattern

  A pattern drawing library for p5.js.

  p5js
  Language:JavaScript 183
• Binari

  BrandonArmand / Binari

  Interactive code editor with a live binary tree visual designed to teach new developers the fundamentals of Data Structures.

  p5jsreactjavascriptbinary-treereactjsfundamentalscanvashtml5educationaltutorialopen-sourcecontributions-welcomewebsitelivehacktoberfest
  Language:JavaScript 179