Design Tool Inspiration Directory

Published by Tim on Monday May 20, 2024

Last modified on June 20th, 2024 at 12:15


In this post I’ll collect case studies and direct links to tools that people have built with p5.js and Processing. Do you know more great examples? Awesome, please send me an e-mail to Thanks!

What is a Tool in this context?

This post is research for my course on tools for p5.js. The term ‘tool’ is narrowed down significantly here: By ‘tool’ in this context, I mean a p5.js sketch that can be modified and controlled via a simple user interface consisting of HTML input elements. That way, the design system can be shared and used by non-coders. Please note: I only post links to applications or case studies here. The amount of social media posts for this subject is simply too large.

The list


Lena Weber about her collaboration with A. G. Cook

Lena: This 10-minute visualiser for A. G. Cooks album teaser featuring my python archive generator, is one of my favourite […]

Computer Cursive by Tay Papon Punyahotra

One of the first exercises I assign to my students in my seminars is called “Random Compositions”. Basically, it’s quite […]

A custom Mockup Tool, built with Processing (updated)

For my students at Elisava, I have created a new version of my mockup-tool. You need two different files for […]

What Creative Coding can teach you beyond crafting visuals

Learning to code has had a bad reputation for ages. Many people have the impression that it’s all about acquiring […]

How I built myself a Digital Garden

It was a red hot day in July 2023 when I met Alex Muñoz for breakfast in the morning at […]

Instagram-Live with Lena Weber

I met Lena Weber at a workshop at International Assembly, after that we became friends and she helped me over […]

A conversation with Raphaël de Courville

A few weeks ago I had the honor to meet Raphaël de Courville in person at the audivisual jam at […]

Ksawery Kirklewski on his Symphony in Acid

For me, it’s by far the most inspiring project of the last few years: “Symphony in Acid”, a collaboration between […]