Generative art you can play with right now

Hundreds of generative art projects, each running live on its creator's own site: some of them vibe-coded with AI, all of them playable in your browser with nothing to install. Press a card to play one on its own page, or start the cruise to ride through them one after another.

Made one of these? See how many people played yours → or use email

• generative art in go This is the companion source code repository to my book, "Generative Art in Go." The book is available as an "early access" release on both…
• Polar Memories Generative Art A collection page for Polar Memories — six works drawn with the p5.Polar library, presented as a collection with a works grid, surfaces…
• Fibonaccis Spin Generative Art A collection page for Fibonacci's Spin — two works rotating objects around a Fibonacci-set orbit. Built as a single-file HTML page, styled…
• p5js code challenge Ten generative sketches built with p5.js, following the Coding Challenges by Daniel Shiffman on The Coding Train. See them all running live…
• pixel code video workflow 拒绝神经模型抽卡的漂移与算力消耗，用代码逻辑与数学确定性渲染工业级短视频母版。 本仓库完整沉淀了 AI 纯代码驱动动画视频（Code-driven Motion Video） 与 像素财经/暗黑哲学风格 的全套架构规范、动效数学模型、故事板分镜母版、实战案例与无头导出管线。…
• pretext projects 8 text-driven Canvas experiments built in 3 days using @chenglou/pretext. Zero DOM reads. Fluid sims, physics narratives, generative ASCII…
• DreamWire Click to see our physical artwork! Creating multi-view wire art (MVWA), a static 3D sculpture with diverse interpretations from different…
• yoshiharumatsumoto newtral.github.io さわって、声を出して、遊ぶ。インタラクティブアート by NWTRL.
• curio A cabinet of AI curiosities. A growing collection of small, interactive web experiments that make ideas from AI and machine learning…
• pixel sketches a collection of algorithmic art experiments🔥 1 · 😂 1
• p5js lab A collection of creative coding projects built with p5.js, featuring interactive animations, generative art, visual effects, and mini…
• thinking sphere A glass sphere with soft shapes drifting inside Open Thinking Sphere · Run it · More tools Real glass in the browser: refraction, thickness…Vibe-coded
• ellipse sphere A sphere built from stacked discs that fan open and assemble Open Ellipse Sphere · Run it · More tools A sphere sliced into discs. Stack…Vibe-coded
• playground Mini games, product mocks, and one generative lab. Games have no frameworks; each HTML file is the whole app. Open it and leave it running…
• labs 21 live web demos. No npm. No React. No build step. Shaders, particle systems, fluid fields and generative scenes. Every demo is a single…
• onkochishin A local, searchable gallery over the 57 self-contained demos in elder-plinius/FABLE-SHOWCASE. Our own work here is MIT (LICENSE). Upstream…
• mesh. mesh. is an interactive WebGL particle sculpture. A field of 7,680 points bends into six forms—Silk, Orbit, Wave, Knot, Sphere, and…
• chronoscope From a painted cave in 17,000 BCE to a generation ship in 3412. From grounded history to high fantasy. Every picture is drawn in code. The…
• type Thirty Pokémon as a constellation of stars. Each load pulls a random run of 30 Pokémon from PokéAPI. Colour is type, size is strength, and…
• musevis A VJ visualizer for DJ sets: circles, triangles and squares that move to your music one HTML file · runs in the browser · free and open…
• gravity mesh Masses bend a grid the way stars bend space Open Gravity Mesh · Run it · More tools A grid that fades into the edges, and masses that sink…
• voronoi Points that share space as cells, inside any shape Open Voronoi · Run it · More tools Every point holds its territory. Give one more weight…
• nodes A spring network of ten strangers. Ten generated people from the RandomUser API, pulled into place by springs and grouped by country. Live…
• veilforge studio A procedural background generator for the web. Six generators, one parameter model, four export targets — and a verification harness that…
• buyi 这个仓库现在有两个版本的源码：planet/ 是当前线上版（《小王子》3D 星球）； 根目录的 src/ 是上一版「纸本档案」（React 版），保留下来可回滚，不再参与构建。 把作品集做成一颗星球：地面是程序化生成的（IcosahedronGeometry(2.4, 5)，约…
• silkify Open the live gallery → Silkify anything. silkify turns any image into a touchable silk surface on the web. At rest the object is matte and…
• ascii wisteria A moonlit curtain of wisteria drawn as ASCII on a canvas. Racemes sway and spring back. Petals drift down and gather on the ground. Your…
• pigment drift generator Watercolor backgrounds for the web. Still or moving, endlessly tweakable, and ready to drop into your site. Pigment drift is the slow…
• aixenix video skills 10 законов — 10 способов нарисовать рекламу кодом. Скиллы для Claude Code: каждый ролик рождается по одному жёсткому правилу, и сам способ…
• asciipaper Live, interactive ASCII wallpapers for Windows, Linux, macOS and Android. One click turns any wallpaper into one of 38 styles: LEGO bricks…
• factorio blueprint visualizer I love the game Factorio and I really like the look of factories after growing for many hours or blueprints after tweaking them for…
• le releve Your git history, raised as a landscape on the flower of life. Each creation is a peak, as high as its working days (the days git saw it…
• lunar tools prototypes A collection of interactive audiovisual art installations built with the Lunar Tools framework, rebuilt to run natively on Apple Silicon…
• suya nakis An interactive browser-based studio inspired by the traditional Turkish art of Ebru. No installation, account registration or external…
• programmatic patterns A collection of generative HTML backgrounds. Each file is fully self-contained — no build step, no dependencies. Download and open in any…
• autoportrait autoportrait renders an image as a timed painting performance on an HTML canvas: a graphite underdrawing traced along the image's edge…
• Math Art A Blender 4.2+ / 5.x extension bundling 150+ generators for mathematical sculpture. Each one adds a ready‑to‑render mesh or curve straight…
• journal page by Cedar, with Lumen · 展示页： 一支给 Claude 用的画笔：把一页手帐画成一张图。水彩贴纸、和纸胶带、票根、卡片、草草的手写字，全部用代码在 canvas 上一笔一笔画出来，不用 AI 生图。 需要 Claude Code、Node.js 和一个…
• BrickerP.github.io Personal site of Yupeng Lu, AI agent & backend engineer. The root / is a static landing page (positioning, proof, /hire/); /about/ is the…
• sk graphics High-performance digital architecture studio specializing in interactive spatial web environments, custom GLSL shader engines, and…
• generative art pack [!NOTE] Six agents and four skills that take a generative piece from concept → sketch → algorithm → shader → color → export (print, video…
• texel studio The only pixel art tool that actually paints like a real artist. Every other AI pixel art generator is a diffusion model pretending to…
• generative art pieceimage particle fx image particle fx 这个仓库的 skill/image-particle-fx/ 是一个 Claude Code Skill。安装后，给 Claude 一张图并说「把这张图做成粒子消散效果」，它会自动：看图做美术决策（效果、配色、运镜、节奏）→ 生成项目 → 渲染截图自查 → 交付网页 / 视频…
• psychedelia studio Create music-reactive animations, endless fractal worlds, and hypnotic videos. Turn a song into moving visuals. Fly through mathematical…
• manishh 13.github.io A living ASCII island you can walk around. Every building on it is something I built. Walk with WASD or the arrow keys, or click anywhere…
• portfolio 3d A React portfolio with a Three.js field, seeded canvas artwork and a Collatz explorer. Source guide drawn from the files in this…
• sunburst A hierarchy as a 3D sunburst with height Open Sunburst · Run it · More tools A tree of data as rings around a center, raised into volume…
• chart 3d Pie, bars, polar and area charts in 3D, with an entrance Open Chart 3D · Run it · More tools The everyday charts, given volume and a way to…
• hexbin A point cloud counted into 3D hexagon towers Open Hexbin · Run it · More tools Thousands of points, counted into hexagons and raised as…
• xyz cube Your data as points in a 3D cube on axes you name Open XYZ Cube · Run it · More tools Three axes, your names on them, your points inside…
• orbital Data as orbits, axes or a bending mesh Open Orbital · Run it · More tools One dataset, three ways to look at it. Points ride rings, sit in…
• metaballs Soft masses that merge, split and leave holes Open Metaballs · Run it · More tools Drops of a field: close masses melt into one shape…
• particle dance Particles that dance along patterns and 3D forms Open Particle Dance · Run it · More tools A field of small symbols that never stands…
• particles 3d A WebGL2 cloud of up to 300,000 particles Open Particles 3D · Run it · More tools A cloud that assembles itself, holds and breathes out…
• mazeqr A real, scannable QR code drawn as a living maze. People wander it, a monster hunts them, and the code is built to stay readable while it…
• Rakeful A digital Zen garden. Drag across a field of sand to rake patterns into it, pick a rake with 3, 4 or 5 teeth, and reset to smooth the sand…
• ink wash painting skill A Claude skill that paints Chinese ink-wash (水墨) of any subject as live browser art — WebGL2 shaders for paper, water and ink, Canvas…
• Pixel Lace Studio A free, browser-based studio for designing ornate pixel lace — the delicate, symmetric dot-and-grid patterns you see all over Pinterest…
• animacion Un mini-juego pixel art autobiográfico que se juega solo. Perla, diseñadora UX/UI, ilustradora y emprendedora que vive en Cancún, corre sin…
• ethanbchen.com Static personal homepage built with Vite, TypeScript, CSS, and Three.js. Project context and source evidence live in research/…
• p5.penplotter You sketch in p5.js the way you always do. Write plot.line() instead of line() and the same line is drawn on the canvas and remembered in…
• larp dashboard Live Action Role Play wordplay repo, a fake ai dashboard to flex being an AI master! 😆 A self-contained, zero-dependency animated "AI…
• generative art piecefluid wallpaper fluid wallpaper Living generative ink for the web — WebGL2 fluid you can embed, tune, and leave running. fluid-wallpaper is ambient artwork that feels…
• canvas effects Eight animated greyscale backgrounds for a 2D canvas, with ordered dithering. They sit behind body text. Each one changes the page colour…
• wave3d Design 3D gradient waves in your browser: the glossy, twisting wave of light from Stripe's designs. Tweak one live, then export a code…
• motes Procedural, pointer-reactive ASCII backgrounds for the web. Drop-in for React and vanilla. Zero runtime dependencies. The ASCII-on-the-web…
• abyssarium A chaotic procedural aquarium where strange creatures evolve, swarm, and react to disturbances in a simulated fluid tank. Click anywhere on…
• dithering shader A generative WebGL2 dithering playground and production-ready React component. Design animated two-color textures, terrain, depth…
• silkreel A KiCad board in. A release film out. silk reel reads a .kicad_pcb and renders a film of that board, built from its real copper, parts and…
• Glyphka Geometric lettering. Expressive symbols. Forms you can make your own. Glyphka is a free, open-source studio for generating geometric…
• heerich A tiny engine for 3D voxel scenes rendered to SVG. Build shapes with CSG-like boolean operations, style individual faces, and output crisp…
• celtic knots A Celtic knotwork generator and pattern editor, written in TypeScript with zero runtime dependencies. Inspired by Janis Elsts' original…
• generative journal A workspace for learning creative tech and art
• p5 toolkit Creative-coding utilities for p5.js, organized as an npm-workspaces monorepo. Each package lives here under its own name and evolves…
• line engine Engraved line patterns: superformulas, rosettes, waves and Lissajous, in motion Open Line Engine · Run it · More tools The engraved line of…
• motion pad One pad for the character of motion Open Motion Pad · Run it · More tools Easing as a place on a square instead of a dropdown. Each corner…
• halftone cloud Images rebuilt as a halftone of flying shapes Open Halftone Cloud · Run it · More tools Drop an image and it turns into a cloud of small…
• logomachine Seeded generative marks: one seed, one pattern, always Open Logomachine · Run it · More tools A machine for marks. Every seed is a pattern…
• motion primer Bodies with behaviors: swarm, pack, magnet, orbit, fall, scatter Open Motion Primer · Run it · More tools A primer of motion. Six…
• WebToe A web-native, node-based dataflow engine for real-time visuals — patch operators together in the browser, TouchDesigner-style, and open…
• minwall Turn any codebase into a wallpaper or a seamless looping video. Point it at a GitHub repo, and it picks the most representative source…
• Drawing Program AlgoArt.org is a digital platform that brings together Artists and Technologists to create algorithmically generated visual designs and…
• octagons Animated backgrounds built from regular octagons. Line art on canvas — the colour gradient runs along the edges, nothing is ever filled…
• trigons lite Lightweight animated triangulated backgrounds for the web. Zero dependencies, ~3KB gzip. fill (default) — filled low-poly triangles with…
• polanaluz Stained-glass light for your hero section. Windows-wallpaper-style beams of light through stained glass, rendered live in the browser. Live…
• ASCIIGround A TypeScript library for creating animated ASCII canvas backgrounds. Creates smooth, organic-looking patterns like clouds, terrain or…
• halation Fluid gradients behind textured glass — a free, open-source background generator for designers. Halation renders flowing color fields…
• fluid Dependency-free WebGL studio for generating backgrounds, wallpapers, Open Graph images, and live embeddable canvases. One HTML file. No…
• Kalei Identity Kalei Identity is an interactive mixed reality experience exploring identity and embodied design through a butterfly keyboard. Catch…
• theatre Motion Design, for the web ✨ Update: Theatre.js 1.0 is around the corner. We have temporarily moved development to a private repo so we can…
• 8f4e 8f4e is a stack oriented programming language and live code editor that I created to perform generative music at algorave events. This…
• afterglow You don't move a character — you leave light on. A novel, endless HTML5 light-painting game. Hold the shutter open and steer glowing lights…