InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →
Top 23 JavaScript creative-coding 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. Looking for p5.js 2.0? http://beta.p5js.org
p5.js – JavaScript framework for creative interactive coding
-
SurveyJS
SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control. Add the SurveyJS UI components to your JS app (React/Angular/Vue3). Securely collect and analyze data without sending it to 3rd-party servers. Fully customizable, works with any backend, and ideal for data-heavy apps. Learn more.
- Project mention: Ask HN: Who Are Your Favorite Photography and Generative Coding Artists? | news.ycombinator.com | 2025-02-26
-
-
-
shader-park-core
A JavaScript library for creating real-time 2D and 3D shaders. JS -> Shader. https://shaderpark.com/ https://twitter.com/shaderpark
-
gaze-detection
👀 Use machine learning in JavaScript to detect eye movements and build gaze-controlled experiences.
-
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
-
-
- Project mention: Q5.js – Beginner friendly graphics powered by WebGPU | news.ycombinator.com | 2025-05-07
-
-
urpflanze
A library for developers who want to approach to creative coding, artists who want to approach coding and for those who find it fun to play with math.
-
- Project mention: Fun Programming – creative coding video tutorials | news.ycombinator.com | 2025-10-01
-
ultrasonic-payments
Experiment using ultrasonic data transmission in JavaScript as a payment method. 💸
-
shadertoy-react
6kB "Shadertoy" like react component letting you easily render your fragment shaders in your React web projects, without having to worry about implementing the WebGL part.
-
-
-
Since this is HN, I'll point out that algorithmic music and microtonality go especially well together. In fact, I wrote an entire album this way, and it's open source:
https://github.com/pac-dev/AmbientGardenAlbum
While it's almost completely microtonal, I'll concede that most of it remains fairly close to conventional 12-tone equal temperament. Maybe that makes it more approachable. Anyways, I fully intend to go harder in that regard for the next album!
-
game-engine
Lightweight (~4kb) HTML5 canvas 2D engine suitable for small games, prototypes, creative coding, etc.
-
-
-
-
Stream
Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.
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).
JavaScript creative-coding discussion
JavaScript creative-coding related posts
-
Fun Programming – creative coding video tutorials
-
Ask HN: Who Are Your Favorite Photography and Generative Coding Artists?
-
What I Learned Writing an Album in Just Intonation
-
Show HN: An Algorithmic Audio Landscape
-
How can I minimize production builds size
-
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.
-
Q5.js: small and fast alternative (experimental) implementation of p5.js
- A note from our sponsor - InfluxDB www.influxdata.com | 24 Dec 2025
Index
What are some of the best open-source creative-coding projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | p5.js | 23,267 |
| 2 | css-doodle | 5,863 |
| 3 | Blotter | 3,072 |
| 4 | fragment | 891 |
| 5 | shader-park-core | 807 |
| 6 | gaze-detection | 639 |
| 7 | shader-doodle | 574 |
| 8 | q5xjs | 566 |
| 9 | threejs-toys | 515 |
| 10 | q5.js | 367 |
| 11 | guify | 294 |
| 12 | urpflanze | 219 |
| 13 | pyp5js | 211 |
| 14 | Fun-Programming | 187 |
| 15 | ultrasonic-payments | 162 |
| 16 | shadertoy-react | 133 |
| 17 | AmbientGarden | 115 |
| 18 | FlowerJS | 88 |
| 19 | AmbientGardenAlbum | 85 |
| 20 | game-engine | 54 |
| 21 | barbara | 38 |
| 22 | lifi | 35 |
| 23 | tweakpane-table | 17 |
Sponsored
SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control
Add the SurveyJS UI components to your JS app (React/Angular/Vue3). Securely collect and analyze data without sending it to 3rd-party servers. Fully customizable, works with any backend, and ideal for data-heavy apps. Learn more.
surveyjs.io