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 Art 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
-
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.
-
easydiffusion
An easy 1-click way to create beautiful artwork on your PC using AI, with no tech knowledge. Provides a browser UI for generating images from text prompts and images. Just enter your text prompt, and see the generated image.
-
-
-
-
-
Project mention: Q5.js – Beginner friendly graphics powered by WebGPU | news.ycombinator.com | 2025-05-07
-
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.
-
-
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.
-
-
-
-
-
Infinite-Art-Gallery
3D Infinite Art Gallery! This pulls from Reddit's r/Art and creates a procedural infinite art gallery from random (sfw-only) posts.
-
shimmer
Turn photos into oscillating wave animations, using javascript / HTML5 canvas (by collidingScopes)
Project mention: Turn photos into funky wave animations (open source) | news.ycombinator.com | 2024-08-17 -
-
Project mention: Show HN: Turn videos into pixel art animations in real-time (open source) | news.ycombinator.com | 2024-12-13
Turn videos into pixel art -- use your webcam feed or upload a video, then use the controls to adjust the color palette and pixel size.
All processing is done in real-time within your browser, using javascript / webgl shaders / html canvas. Github repo here: https://github.com/collidingScopes/video-to-pixel-art
You can export your creations as images or videos to save / share your work.
This tool is completely free, open source (MIT license). You are welcome to use it for personal or commercial purposes.
-
-
-
Project mention: Show HN: Turn images into realtime forcefield animation (free and open source) | news.ycombinator.com | 2024-11-12
This is a generative art project which turns images into "force-field" particle animations in real-time. The animation effect uses a force repulsion / self-healing effect.
Upload your own image, open the GUI controls to change the animation parameters, and then use your mouse or touchscreen to activate the animation.
This project is open source (offered under MIT license), so feel free to use it however you wish.
This project is coded using Javascript, HTML, and CSS. Video creation and encoding is done using mp4 muxer. Github repo: https://github.com/collidingScopes/forcefield
Enormous thanks and credit to the project "1 million particles" by Tezumie, which provided the code foundation for the particle repulsion animation.
-
-
artifice
using generative ai image-to-video ML to hallucinate extended video sequences from an initial source image. (by m-onz)
I have been doing lots of experiments with visuals too for example this: https://github.com/m-onz/artifice. I made an installation at Corsica Studio's https://fakedac.net with genai content all night. Drum and bass, techno and many other genre's.
That 2 hour mix was created in an extremely short amount of time. Limited by the fact suno and udio don't have API's. I've done tonnes of work using replicate.com musicGen A.I that I threw in the bin once I heard udio & suno... once we get API access... there will be new genre's of music and hyper media beyond what we can consider normal music now.
There is some scope for prompt engineering with text-to-* media generators... combined with automation. Machine listening and categorization: For example a network of virtual listeners able to refine and generate new work before a human hears it... think music agent systems by Nick Collins on steroids.
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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 Art discussion
JavaScript Art related posts
-
Cloth
-
Ask HN: Who Are Your Favorite Photography and Generative Coding Artists?
-
Relax while watching bouncing particles making connections when they get closer
-
Turn photos into funky wave animations (open source)
-
Fish drawings that are procedurally generated
-
Processing Foundation 2024 Software Development Grant (pr05): 'New Beginnings' Open Call
-
What ai do you use I need help
-
A note from our sponsor - SurveyJS
surveyjs.io | 23 May 2025
Index
What are some of the best open-source Art projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | p5.js | 22,586 |
| 2 | easydiffusion | 9,938 |
| 3 | WBO | 2,350 |
| 4 | fishdraw | 2,225 |
| 5 | moebius | 811 |
| 6 | nonflowers | 524 |
| 7 | q5.js | 320 |
| 8 | virtual-art-gallery | 223 |
| 9 | urpflanze | 213 |
| 10 | uji | 188 |
| 11 | FlowerJS | 85 |
| 12 | glitch-image | 77 |
| 13 | audio-motion-interface | 47 |
| 14 | Infinite-Art-Gallery | 40 |
| 15 | shimmer | 38 |
| 16 | ChelseaJS | 26 |
| 17 | video-to-pixel-art | 25 |
| 18 | image-sourcerer | 12 |
| 19 | Graidients | 11 |
| 20 | forcefield | 9 |
| 21 | kakaslides | 8 |
| 22 | artifice | 8 |
| 23 | HTML5-Canvas-Animation-MotionRose | 6 |
Sponsored
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.
surveyjs.io