Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more. 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. http://twitter.com/p5xjs —
p5.js – JavaScript framework for creative interactive coding
-
Civic Auth
Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
-
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.
-
Project mention: Show HN: Svader – Create GPU-rendered Svelte components | news.ycombinator.com | 2024-12-14
-
SurveyJS
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
-
-
-
-
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.
-
-
-
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.
-
-
I attempted exactly that! https://github.com/pac-dev/AmbientGardenAlbum
Wasn't exactly a hit, but then again promotion is the hard part. I'm actually doing a length write-up on the process, but it focuses on harmony (specifically freestyle just intonation) more than programming.
Executable music is actually an established genre in the demoscene, but the music is typically written in trackers rather than with code.
-
-
Project mention: What I Learned Writing an Album in Just Intonation | news.ycombinator.com | 2024-08-16
To save people a few clicks, there's a wonderful visualisation of the generated music at https://ambient.garden/
-
-
svg-experiments
✒️ A gallery of experiments with Scalable Vector Graphics (SVG) and interactive visualizations.
-
-
-
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.
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
-
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
-
Ultrasonic Payments
-
A note from our sponsor - SurveyJS
surveyjs.io | 12 May 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 | 22,539 |
| 2 | css-doodle | 5,792 |
| 3 | Blotter | 3,064 |
| 4 | fragment | 859 |
| 5 | shader-park-core | 787 |
| 6 | gaze-detection | 623 |
| 7 | shader-doodle | 562 |
| 8 | q5xjs | 557 |
| 9 | threejs-toys | 492 |
| 10 | guify | 290 |
| 11 | urpflanze | 212 |
| 12 | pyp5js | 208 |
| 13 | Fun-Programming | 185 |
| 14 | ultrasonic-payments | 162 |
| 15 | shadertoy-react | 126 |
| 16 | FlowerJS | 85 |
| 17 | AmbientGardenAlbum | 55 |
| 18 | barbara | 37 |
| 19 | AmbientGarden | 36 |
| 20 | lifi | 34 |
| 21 | svg-experiments | 12 |
| 22 | Graidients | 11 |
| 23 | HTML5-Canvas-Animation-MotionRose | 6 |
Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com