Generative visual art

p5.js

JavaScript library for visual art & animation. Best starting point for beginners.

beginner-friendly

Processing

The original creative coding environment. Java-based, huge community & examples.

beginner-friendly

openFrameworks

C++ toolkit for high-performance creative coding — graphics, video, sound.

advanced

Cables.gl

Node-based visual programming for stunning real-time 3D art. No code needed.

beginner-friendly

Hydra

Browser-based live-coding video synth. Create psychedelic visuals in real time.

intermediate

Shadertoy

Write GLSL shaders directly in the browser. Gallery of thousands of examples.

advanced

Sound & music

Tone.js

Web audio framework for creating interactive music and sound effects.

intermediate

SuperCollider

Industry-standard platform for algorithmic composition & live sound coding.

advanced

Strudel

Live code music patterns in the browser. JavaScript-based, visually fun.

beginner-friendly

Magenta.js

Google's AI library for generating music and art using machine learning.

AI-powered

Audiotool

Browser DAW with a visual patching interface — create beats and tracks online.

beginner-friendly

AI & generative tools

Runway ML

AI video generation, style transfer, and image synthesis. Powerful creative API.

AI-powered

Replicate

Run any open-source AI model via API — Stable Diffusion, ControlNet, and more.

AI-powered

ml5.js

Friendly machine learning for the browser, built on TensorFlow.js. Pose detection, image classification, and more.

beginner-friendly

Hugging Face

Access thousands of open-source AI models for text, image, audio, and video.

AI-powered

Teachable Machine

Train custom ML models in the browser — no code needed. Great for interactive art.

beginner-friendly

3D & interactive worlds

Three.js

3D WebGL library for the browser. Huge ecosystem, tons of examples.

intermediate

A-Frame

Build WebVR/AR experiences with HTML-like syntax. Works in any browser.

beginner-friendly

Spline

Design interactive 3D scenes in the browser — export to web or embed anywhere.

beginner-friendly

Babylon.js

Full-featured 3D game & visualization engine for the web. Great physics support.

intermediate

Camera, body & motion

MediaPipe

Google's framework for pose, hand, face, and gesture detection in real time.

intermediate

TensorFlow.js

Machine learning in the browser — power body tracking and live art installations.

intermediate

Handsfree.js

Add webcam-powered hand, face, and pose tracking to any website in seconds.

beginner-friendly

OpenCV.js

Computer vision in the browser — color detection, edge tracking, optical flow.

advanced

Learning resources

The Coding Train

Daniel Shiffman's YouTube channel — p5.js, generative art, ML. Endlessly fun.

beginner-friendly

Alt-AI resources

Gene Kogan's curated collection of creative AI + art research and tutorials.

intermediate

Nature of Code

Free book on simulating natural systems — physics, agents, fractals, evolution.

intermediate

OpenProcessing

Gallery + editor for p5.js and Processing sketches. Fork anything and remix.

beginner-friendly

Glitch

Instant hosting + live code editor for web projects. Perfect for sharing demos.

beginner-friendly