The Vibeary — tag

creative-coding

23 resources in The Vibeary tagged "creative-coding" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.

Gems in this collection

Preview of Pts.js

Pts.js

TypeScript library for composing points, vectors, curves and interaction into visualizations rendered to canvas or SVG.

William Ngan (@williamngan)Apache-2.0
Preview of The Nature of Code

The Nature of Code

Free online book on simulating natural systems — forces, oscillation, particles, autonomous agents, neural networks — in code.

Daniel Shiffman (@shiffman)CC-BY-NC
Preview of Frontend Horse

Frontend Horse

Newsletter and article site breaking down creative front-end techniques found in the wild, with reproducible code walkthroughs.

Alex Trost (@trostcodes)free
Preview of tixy.land

tixy.land

Creative coding environment where a single JavaScript expression over t, i, x and y drives a sixteen-by-sixteen dot grid.

Martin Kleppe (@aemkei)free
Preview of Sliderland

Sliderland

Creative coding playground where animations are driven entirely by 64 HTML range sliders and a single mathematical expression.

blinry (@blinry)free
Preview of Pulsar

Pulsar

Micro creative-coding playground where you edit a short expression and switch between classic, hex and triangular tilings to make generative loops.

Stanko Tadić (@stankot)free
Preview of p5play

p5play

Game engine layering sprites, animation, groups and Box2D physics on top of p5.js/q5.js for creative coders.

Quinton Ashley (@quinton-ashley)open-source
Preview of Blot

Blot

Open source pen-plotter drawing machine paired with a browser editor where art is written as code and submitted to a gallery.

Hack ClubMIT
Preview of awesome-creative-coding

awesome-creative-coding

Curated list of creative coding resources: books, tools, shaders, generative art frameworks and courses.

Terkel Gjervig (@terkelg)open-source
Preview of Fragment

Fragment

Local web environment for live-coding fragment shaders and sketches with hot reload, GUI controls and video export.

Raphael Ameaume (@raphaelameaume)MIT
Preview of meowni.ca (Monica Dinculescu)

meowni.ca (Monica Dinculescu)

Personal site of a creative engineer, mixing web-platform writing with playable demos, generative art experiments and small browser toys.

Monica Dinculescu (@notwaldorf)free
Preview of cables.gl

cables.gl

Node-based visual programming environment for building interactive WebGL scenes and exporting them as embeddable pages.

undev (undefined development UG)open-source
Preview of NEORT

NEORT

Digital art platform where creative coders publish shader and generative sketches with a curated popular feed.

NEORTfree
Preview of ALIGN

ALIGN

Agentic loop where coding agents draw in p5.js, then refine via adversarial visual review — skills for Claude Code and Codex.

@wanshuiyinMIT
Preview of Machine Vision

Machine Vision

Browser visual instrument that turns local video into procedural points, brackets, labels and tracking overlays, then exports a five-second composite clip.

Amir MushichMIT
Preview of css.graphics

css.graphics

Gallery of classic 3D demos — cloth simulation, Menger sponge, black hole, chaotic attractors — rendered entirely with retained HTML and CSS.

Agustin Capeletto (@layoutit)open-source
Preview of genart

genart

Claude Code skill for long-form generative art: hash-seeded PRNGs, trait and rarity tables, plus scripts that render contact sheets and check determinism.

Camille Roux (@camillerouxart)MIT
Preview of Kage

Kage

Five-chapter scrolling night walk through a Kyoto mountain temple, rendered live in Three.js with illustrated garden field notes.

Meng To (@MengTo)unknown
Preview of Flong shaping functions

Flong shaping functions

Archive of pattern and shaping functions covering easing, sigmoid, Bezier and oscillation with equations and multi-language code.

Golan Levin (@golan)free
Preview of Shader Park

Shader Park

JavaScript library for writing interactive 2D and 3D procedural shaders with built-in raymarching and signed distance functions.

Torin Blankensmith & Peter WhiddenMIT
Preview of Sketch.js

Sketch.js

Minimal creative coding boilerplate that sets up a canvas, animation loop and input handling in a few lines.

Justin Windle (@soulwire)MIT
Preview of Vertex Shader Art

Vertex Shader Art

Gallery and live editor where every artwork is generated purely from a vertex shader driving a point or line array.

Gregg Tavares (@greggman)free
Preview of py5

py5

Processing reimplemented for Python 3 with direct interoperability with NumPy, Matplotlib, Pillow and Jupyter notebooks.

Jim Schmitz (@hx2A)open-source