JavaScript Art

Open-source JavaScript projects categorized as Art
Edit details
JavaScript generative-art creative-coding Canvas Education
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

Top 23 JavaScript Art Projects

JavaScript logo
Art

  1. 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

    Project mention: Generative Art over the Years | news.ycombinator.com | 2026-04-09

    P5.js is pretty great.

    I used it create art, basically taking animal photos and using the dna sequence from that animal to recreate the photo using the 4 letters. (I did four passes using different size letters and layered in Gimp). People seem to like them, and they got into an art:science show.

    https://p5js.org/

    Coding train has a lot of videos on using p5.js

  2. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo

  3. 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.

  4. WBO

    Online collaborative Whiteboard that is simple, free, easy to use and to deploy

  5. fishdraw

    procedurally generated fish drawings

  6. moebius

    Modern ANSI & ASCII Art Editor

    Project mention: Moebius: Modern ANSI and ASCII Art Editor | news.ycombinator.com | 2026-02-20

  7. nonflowers

    Procedurally generated paintings of nonexistent flowers.

  8. q5.js

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

  9. 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.

  10. uji

    A minimalist generative art thing – press the buttons and play with the sliders!

  11. liquid-shape-distortions

    Create psychedelic animations in real-time in the browser. Webgl shader using liquid motion, distortion, shadows, and light.

  12. FlowerJS

    JavaScript Framework for Flower Shapes and Animation extended CreateJS on HTML5 Canvas.

  13. glitch-image

    glitch image generator

  14. audio-motion-interface

    Web synthesizer with smartphone sensors

  15. video-to-pixel-art

    Turn videos into pixel art in real-time using javascript, webgl, and html canvas

  16. shimmer

    Turn photos into oscillating wave animations, using javascript / HTML5 canvas (by collidingScopes)

  17. ChelseaJS

    ChelseaJS is a Javascript library for creative, generative Coding.

  18. image-sourcerer

    A Chrome extension that downloads, tags and organizes images from supported sites

  19. kakaslides

    a web application that lets you creates shaft/monogatari-style slides

  20. graidients

    Generate gradients and patterns using Neural Networks

  21. forcefield

    Turn photos into forcefield particle animations in real-time. js + canvas, open source

  22. inky-draw

    A fun drawing app project for the Raspberry Pi and Inky pHAT using Python Flask and React.

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

Log in or Post with

JavaScript Art related posts

Index

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

# Project Stars
1 p5.js 23,723
2 easydiffusion 10,372
3 WBO 2,601
4 fishdraw 2,291
5 moebius 934
6 nonflowers 547
7 q5.js 413
8 virtual-art-gallery 255
9 urpflanze 220
10 uji 218
11 liquid-shape-distortions 106
12 FlowerJS 87
13 glitch-image 78
14 audio-motion-interface 52
15 video-to-pixel-art 45
16 shimmer 44
17 Infinite-Art-Gallery 37
18 ChelseaJS 27
19 image-sourcerer 13
20 kakaslides 11
21 graidients 11
22 forcefield 10
23 inky-draw 9

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
Loading...