Code Meets Canvas

Creative Code Node

Prompt, code, and learn

From Sketch to System

The Creative Code Node is a full creative coding environment, directly in your canvas. Describe what you want to build, view and edit the code, and highlight any line to see an explanation of how it works. A production tool and a learning environment, all in one.

UI imagery showing six different views of a blue anechoic chamber looped into a spinning carousel

01

Generative Designs

A whole new way to design. Build identity systems that generate variations with each interaction. Create logos, type systems, and brand assets that move.

02

Hands-on Learning in Canvas

A learning and production environment all in one. Highlight any line of code to get a clear explanation of how it works. Learn line by line at your own pace.

03

Code in Motion

Bring in your own images, or use your webcam. Generate slit-scan manipulations, texture-driven brushes, and custom interactive visuals.

Built in Libraries

Built on the languages that have inspired a generation of creatives. Three.js, p5.js, and HTML5 are all supported natively. Use the frameworks you already work in, or use the node as an entry point to learn them.

Three.js

p5.js

HTML5

Go make something new