JavaScript P5js

Open-source JavaScript projects categorized as P5js

Top 23 JavaScript P5j Projects

  • 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. —

    Project mention: What are you working on? (2023-03) | | 2023-03-01

    I’m working on a wrapper for p5js using Fable. It’ll be mostly a summer project, since I don’t have much time to work on it the following months. It’s fun though, to port an example sketch every now and then, implementing missing methods along the way.

  • ml5-library

    Friendly machine learning for the web! 🤖

    Project mention: Why do people curse JS so much, but also say it's better than Python | | 2023-01-21
  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • shader-park-core

    A JavaScript library for creating real-time 2D and 3D shaders. JS -> Shader.

    Project mention: Shader Park: A JavaScript library for creating interactive procedural 2D and 3D shaders. | | 2022-03-22

    yeah if you're interested in making an example we'd love to share it! You can take a look at how we created our three.js integration + a working example.

  • react-p5

    🎨 This Component lets you integrate p5 Sketches into your React App.

    Project mention: importing p5 sound library to react? | | 2022-10-17

    and github issue:

  • q5xjs

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

    Project mention: Using q5.js how can we select which element will the parent of canvas be? In p5.js we have parent parent(), but I didn't find a way to do it using q5.js. | | 2023-01-10
  • 30DaysOfJavaScript

    Projects made during the 30 days of the JavaScript challenge

    Project mention: How did you study when you learned to program, or how would you recommend someone study? | | 2023-01-12

    Probably the best way to learn is studying sourcecode. For example this repo with 30 projects:

  • handpose-facemesh-demos

    🎥🤟 8 minimalistic templates for tfjs mediapipe handpose and facemesh

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

  • p5.EasyCam

    A p5.js library for easy 3D camera control.

  • stochastic_sierpinski

    A stochastic method to generate an approximation to the Sierpinski triangle

  • bullethell

    A bullet hell game programmed using HTML5 and JS.

  • raycasting-js

    A raycasting made with p5.js

  • p5-starter

    :herb: Boilerplate for p5.js projects, including VSCode Intellisense and linting for HTML, CSS and JS.

  • emoji-minesweeper

    Minesweeper made with emojis 😄

    Project mention: Has anyone managed to get under 10 seconds on easy? | | 2023-02-06

    My best is 5.332 seconds. although not in the version that you posted but here: (a version I created)

  • graphTheory-Visualizer

    graph theory visualizer using p5js and TypeScript.

    Project mention: I created a tool to visualize/edit graphs and graphs algorithms | | 2022-12-29


  • Vynth

    A web-based visual programming environment for video synthesis.

  • Flow-field-using-noise

    Animating flow filed like structures using P5JS

  • bubbles

    A recreation of Windows Bubbles screensaver. (by khang-nd)

  • maze-lightning

    This simple project approximates the shape of lightning by generating a random maze using Randomized Prim's algorithm and solving it using breadth-first search.

  • New-Years-Fireworks

    Interactive fireworks with New Year's countdown made with p5.js!

  • gasteroids

    A simple javascript game inspired by Galaga and Asteroids. Made using p5.js

  • fleeing-points-clock

    A clock made of interactive, colored pieces that move when you hover with your mouse. Made using p5.js.

  • anteater-hydroponics

    CS147 Project Repository - Automated hydroponics monitoring system using ML with a virtual plant!

  • generative-art

    Website for random generative art stuff (by mwburke)

    Project mention: My digital copy of a mural | | 2022-09-05

    Source code:

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-03-01.

JavaScript P5js related posts


What are some of the best open-source P5j projects in JavaScript? This list will help you:

Project Stars
1 p5.js 19,065
2 ml5-library 5,973
3 shader-park-core 554
4 react-p5 524
5 q5xjs 489
6 30DaysOfJavaScript 341
7 handpose-facemesh-demos 167
8 p5.EasyCam 111
9 stochastic_sierpinski 41
10 bullethell 34
11 raycasting-js 17
12 p5-starter 14
13 emoji-minesweeper 12
14 graphTheory-Visualizer 9
15 Vynth 7
16 Flow-field-using-noise 6
17 bubbles 6
18 maze-lightning 6
19 New-Years-Fireworks 3
20 gasteroids 3
21 fleeing-points-clock 2
22 anteater-hydroponics 2
23 generative-art 1
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.