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
Repository Index
47,133 repositories indexed
1–24 of 29 · Most stars
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
Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.
- awesome
- creative-coding
- interaction-design
- information-visualization
A growing collection of viral videos made with Claude Opus 5.5 and the prompts behind them. Watch each original next to a live remake on Skillry. Updated regularly.
- ai-video
- awesome
- awesome-list
- claude
A toolbox of film styles made in code for Claude Code: 66 ready to use, and your own. Each style is a style prompt plus a demo film made entirely in code by Claude Opus 5.5, with no video model. By Lemomo. · 一套用代码做片的风格工具箱：66 种现成风格，也能做出你自己的
openFrameworks is a community-developed cross platform toolkit for creative coding in C++.
A web component for visual art and creative coding
- css
- patterns
- web-component
- css-doodle
A library for visualization and creative-coding
- typescript
- visualization
- graphics
- creative-coding
An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.
- accessibility
- agent-skills
- ai-web-design
- anthropic
A JavaScript API for drawing unconventional text effects on the web.
Play a finished motion-graphics ad in sync with the rough drafts it grew from, and export the breakdown as MP4.
- gsap
- hyperframes
- motion-graphics
- nodejs
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
An agent skill that builds award-caliber websites from one line
- agent-skills
- astro
- awwwards
- claude-code
C4 is an open-source creative coding framework that harnesses the power of native iOS programming with a simplified API that gets you working with media right away. Build artworks, design interfaces and explore new possibilities working with media and interaction.
- swift
- uikit
- creative-coding
[alpha] A modern toolkit for creative coding
- creative-coding
- generative-art
- javascript
- web
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.
People You Should Follow on CodePen
A friendly web-component for writing and rendering shaders.
👾~ music, eternal ~ 👾
- glsl
- node-based
- music
- 3d-graphics
Rebuild a reference video as an editable HyperFrames project, compare the match against the original, and export an MP4.
- hyperframes
- motion-graphics
- python
- video
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
341 种代码动画风格提示词、193 张参考静帧与离线挑选器，封装为 Claude Code / Codex Skill，支持一键导入与 HTML 视频渲染。
- agent-skills
- animation
- claude-code
- codex
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.
Turn a scene prompt into a shot sheet, then have a coding agent draw the film in HTML. No video model.
- animation
- anime
- claude-code
- generative-art