Repository Index

Community-built comprehensive 2D content creation appplication for graphic design, digital art, and interactive real-time motion graphics powered by a node-based procedural graphics engine

• graphics-editor
• photo-editor
• 2d-graphics
• art

p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. Looking for p5.js 2.0? http://beta.p5js.org

• javascript
• graphics
• education
• learning

Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.

• awesome
• creative-coding
• interaction-design
• information-visualization

openFrameworks is a community-developed cross platform toolkit for creative coding in C++.

• openframeworks
• osx
• windows
• linux

A library for visualization and creative-coding

• typescript
• visualization
• graphics
• creative-coding

A JavaScript API for drawing unconventional text effects on the web.

• webgl
• glsl
• glsl-shaders
• javascript

Art and animation, written as code. Illustrations, loops, interactive web art, launch-videos and scored films in dozens of styles, identical on every render.

• agent-skills
• animation
• canvas
• claude-code

A free, open-source framework for cinematic, interactive 3D websites with AI-generated assets (Nano Banana 2 + Meshy 7.1 on fal). 20 example sites.

• 3d
• creative-coding
• fal
• generative-ai

People You Should Follow on CodePen

• codepen
• svg
• animation
• webgl

A friendly web-component for writing and rendering shaders.

• webgl
• glsl
• shaders
• shadertoy

👾~ music, eternal ~ 👾

• glsl
• node-based
• music
• 3d-graphics

world.execute(me); — an unofficial fan-made lyric MV told as a chat with Claude, rendered frame by frame from code. Prompts included; no music or lyrics. 非官方同人歌詞 MV:以程式碼逐幀渲染,附完整提示詞,不含歌曲與歌詞。

• ai-generated
• canvas
• claude
• claude-code

Pixel-art diorama playbook and Three.js code kit: research-first build workflow, locked camera, palette snap, ordered dither, inked contour, animated toy-scale cast, per-entity frame QA.

• creative-coding
• diorama
• pixel-art
• procedural-generation

textmode.js is a lightweight creative coding library for creating real-time ASCII art on the web.

• ascii
• canvas
• petscii
• textmode

Enterprise-grade 2D graphics library for Go. Pure Go, zero CGO. Part of GoGPU ecosystem.

• 2d-graphics
• creative-coding
• drawing
• go

Grok WebGL2 and GLSL through a sequence of guided tutorials, each chunked into atomic Q&A cards suitable for spaced repetition, with hands-on projects and solution code integrated throughout.

• creative-coding
• educational-resources
• glsl
• graphics-programming