Generative visual art
p5.js
JavaScript library for visual art & animation. Best starting point for beginners.
beginner-friendlyProcessing
The original creative coding environment. Java-based, huge community & examples.
beginner-friendlyopenFrameworks
C++ toolkit for high-performance creative coding — graphics, video, sound.
advancedCables.gl
Node-based visual programming for stunning real-time 3D art. No code needed.
beginner-friendlyHydra
Browser-based live-coding video synth. Create psychedelic visuals in real time.
intermediateShadertoy
Write GLSL shaders directly in the browser. Gallery of thousands of examples.
advancedSound & music
Tone.js
Web audio framework for creating interactive music and sound effects.
intermediateSuperCollider
Industry-standard platform for algorithmic composition & live sound coding.
advancedStrudel
Live code music patterns in the browser. JavaScript-based, visually fun.
beginner-friendlyMagenta.js
Google's AI library for generating music and art using machine learning.
AI-poweredAudiotool
Browser DAW with a visual patching interface — create beats and tracks online.
beginner-friendlyAI & generative tools
Runway ML
AI video generation, style transfer, and image synthesis. Powerful creative API.
AI-poweredReplicate
Run any open-source AI model via API — Stable Diffusion, ControlNet, and more.
AI-poweredml5.js
Friendly machine learning for the browser, built on TensorFlow.js. Pose detection, image classification, and more.
beginner-friendlyHugging Face
Access thousands of open-source AI models for text, image, audio, and video.
AI-poweredTeachable Machine
Train custom ML models in the browser — no code needed. Great for interactive art.
beginner-friendly3D & interactive worlds
Three.js
3D WebGL library for the browser. Huge ecosystem, tons of examples.
intermediateA-Frame
Build WebVR/AR experiences with HTML-like syntax. Works in any browser.
beginner-friendlySpline
Design interactive 3D scenes in the browser — export to web or embed anywhere.
beginner-friendlyBabylon.js
Full-featured 3D game & visualization engine for the web. Great physics support.
intermediateCamera, body & motion
MediaPipe
Google's framework for pose, hand, face, and gesture detection in real time.
intermediateTensorFlow.js
Machine learning in the browser — power body tracking and live art installations.
intermediateHandsfree.js
Add webcam-powered hand, face, and pose tracking to any website in seconds.
beginner-friendlyOpenCV.js
Computer vision in the browser — color detection, edge tracking, optical flow.
advancedLearning resources
The Coding Train
Daniel Shiffman's YouTube channel — p5.js, generative art, ML. Endlessly fun.
beginner-friendlyAlt-AI resources
Gene Kogan's curated collection of creative AI + art research and tutorials.
intermediateNature of Code
Free book on simulating natural systems — physics, agents, fractals, evolution.
intermediateOpenProcessing
Gallery + editor for p5.js and Processing sketches. Fork anything and remix.
beginner-friendlyGlitch
Instant hosting + live code editor for web projects. Perfect for sharing demos.
beginner-friendly