explaingit

terkelg/awesome-creative-coding

Analysis updated 2026-06-24 · repo last pushed 2026-04-01

14,797HTMLAudience · designerComplexity · 1/5MaintainedSetup · easy

TLDR

Curated awesome-list of resources for creative coding: generative art, interaction design, and information visualization, with books, tools, and tutorials.

Mindmap

mindmap
  root((awesome-creative-coding))
    Inputs
      Curated links
      Topic sections
      Community PRs
      One-line blurbs
    Outputs
      Reading list
      Tool index
      Course list
      Community map
    Use Cases
      Learn shaders
      Find frameworks
      Discover books
      Pick a course
    Tech Stack
      Markdown
      Processing
      WebGL
      Shaders
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Pick a first generative art book or course as a beginner to creative coding

USE CASE 2

Find a shader, WebGL, or projection-mapping library that fits a specific project

USE CASE 3

Browse online editors and visual programming environments to try without installing anything

USE CASE 4

Look up communities, blogs, and events to follow once you start making work

What is it built with?

MarkdownProcessingWebGL

How does it compare?

terkelg/awesome-creative-codingunstructured-io/unstructuredshengqiangzhang/examples-of-web-crawlers
Stars14,79714,69614,629
LanguageHTMLHTMLHTML
Last pushed2026-04-012026-05-18
MaintenanceMaintainedMaintained
Setup difficultyeasymoderatemoderate
Complexity1/53/52/5
Audiencedesignerdatadeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

In plain English

awesome-creative-coding is a curated list of resources for people learning a discipline the README calls creative coding. The author defines it as a different kind of programming: the goal is to make something expressive rather than something functional. Interaction design, information visualization, and generative art are listed as the main flavors, and the README describes the field as artworks articulated as code. The list is aimed primarily at beginners and intermediates. The contents are organized into broad sections that a reader can browse like a table of contents. There are books and online books, courses, tools, learning resources, communities, math, machine learning and computer vision, inspiration, events, schools and workshops, blogs, and a related section pointing at other awesome lists. Most entries are external links with a one-line description of what the linked item is. The books and online books sections collect titles on topics like generative art with Processing, the Nature of Code, shader programming, ray tracing, OpenGL, WebGL, fractals in JavaScript, physics for games, and music generation with Magenta. Online books include The Book of Shaders, WebGL Fundamentals, Learn OpenGL, Scratchapixel, and Computer Graphics from Scratch, among others. The tools section is split into frameworks and libraries, visual programming languages, sound programming languages, web programming libraries, projection mapping and VJing, online editors, hardware, and a catch-all other category. The learning resources section gathers videos, talks, articles grouped by topic such as shaders or canvas, interactive tutorials, and cheat sheets. The full README is longer than what was shown.

Copy-paste prompts

Prompt 1
Suggest a 4-week learning plan for creative coding using only resources from awesome-creative-coding
Prompt 2
Pick three online books from this list that teach shaders for a JavaScript developer
Prompt 3
Build a small generative art sketch in Processing based on a book linked from this list
Prompt 4
Compare the visual programming languages mentioned in this awesome list for a VJ setup
Prompt 5
Find tools in this list that help with projection mapping on a physical sculpture

Frequently asked questions

What is awesome-creative-coding?

Curated awesome-list of resources for creative coding: generative art, interaction design, and information visualization, with books, tools, and tutorials.

What language is awesome-creative-coding written in?

Mainly HTML. The stack also includes Markdown, Processing, WebGL.

Is awesome-creative-coding actively maintained?

Maintained — commit in last 6 months (last push 2026-04-01).

How hard is awesome-creative-coding to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is awesome-creative-coding for?

Mainly designer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.