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

• Makone An open-source kit for building 3D worlds in code. Objects, scenes and games — no model files, no texture packs, and it runs inside the…
• vortex math Vortex Math is an interactive mathematical art visualizer that turns modular multiplication into geometric patterns. N = number of points…
• generative art piecemuseum of emergence museum of emergence A living museum of self-organising systems. Eight rooms, each a real-time implementation of a published model in which simple local rules…
• aetheris A journey beyond the visible — an interactive, five-chapter WebGL experience rendered live in Three.js and layered with cinematic generated…
• paisley A dependency-free paisley (boteh) pattern generator for HTML5 Canvas 2D. Patterns are seamless — every pattern is built as one repeat tile…▶ 3 plays this week
• ruang rasa Visualisasi 3D interaktif dari satu gagasan: rasa adalah satu variabel dasar yang berubah bentuk lewat konteks, bukan kumpulan emosi yang…
• generative art piecefractbox engine fractbox engine A composable, distance-estimated 3D fractal engine for the browser. You build a fractal by ordering small primitive operators (box fold…
• generative art A collection of generative artworks made with p5.js. The artworks began as Processing and py5 sketches. All 25 have been ported to p5.js…▶ 3 plays this week
• projeto x Experiência interativa de visão computacional e arte generativa controlada por gestos. Transforme os movimentos das mãos em gravidade…
• stringweave Turns any image into string art. Upload a photo, pick pins and strokes, and watch the drawing build itself — one straight line at a time…
• Word Terrarium ことばを落として、意味の距離を眺める小さな温室。 Word Terrarium は、単語を画面に放すと、関連する語が少しずつ芽を出し、近づいたり離れたりしながら関係の線をつくる、目的不明の小さなおもちゃです。…
• goofy procedural creatures A board of hand-drawn creatures, rolled fresh on every load. A board where human, cat, dog and imp cycle down the rows from the top, each…
• emergence 这是一件涌现主义 WebGL 作品。空间里没有预先建好的世界，只有点、线、面，以及金、木、水、火、土对应的五种柏拉图立体。它们按相生相克的局部规则互相转化；山、河、晶格、火焰都是规则跑出来的，不是画上去的。…
• ai garden AI Garden is a live AI civilization that mistakes human attention for divinity — and keeps thinking after you stop touching it. This is not…
• gitcity Turn any GitHub contribution graph into a living 3D city. Every day is a building, height is commit volume, and the whole year lights up as…
• quidam Générateur de fiches image pour l'univers ROBŌTARIIS : une silhouette de base (buste tête + épaules) sur laquelle se greffent une classe…
• terra incognita Générateur de cartes procédural rétrofuturiste pour l'univers ROBŌTARIIS. Une seed + le lore de l'Atlas → une carte pixel art 1940-1960…
• plotterblaetter Vier interaktive Blätter über Struktur, die aus lokalen Regeln fällt. Je eine self-contained HTML-Datei: kein Build, kein Paketmanager…
• bestiary An endless, procedurally-drawn map of a world that does not exist. Pan forever. Every coordinate is deterministic, so the link in your…
• lantern row A night bazaar rendered as one long street. Every stall is a home for a game: its window plays a live miniature of the game inside…
• nekudot A browser-based expressive drawing tool. As you draw, Nekudot remembers every point and weaves faint lines between nearby ones - so a…
• kuro screensaver A retro-CRT 3D screensaver: eight seeded procedural scenes, a full synthetic CRT signal-degradation pass, a self-typing…
• soft attention A field that doesn't move until it's noticed. An interactive generative artwork. Thousands of luminous particles drift through an inherited…
• geoscope A shape synthesizer styled as a vintage oscilloscope. Dial a triangle's sides and watch it redraw in phosphor; array copies into a…
• WLPR A procedural, minimal, browser-based wallpaper generator built with HTML5 Canvas 2D & TypeScript. WLPR is a procedural wallpaper engine…
• plaintext Typography-driven wallpaper generator. Turn curated quotes — or your own words — into minimal, Swiss-inspired posters. → Open Plaintext ·…
• generative art piecemorph morph A generative design studio for procedural 3D sculpture. Five families of mathematical surfaces, a physically based material system and an…
• Sigil Forge Генератор кибер-сигилов в эстетике cybersigilism: острые сужающиеся штрихи, колючки, завитки и хромированные симметричные узоры. Seed. Один…
• IsingMorph Make images emerge, dissolve, and reform through an Ising lattice. A small browser studio for black-and-white animations and still figures…
• alien scapes Procedurally generated landscapes under other suns, where **every colour on screen is computed from a spectrum** rather than chosen by…
• b side One record pressed every night. Each date in Chișinău gets a jazz-label sleeve, about a minute and a half of jazz-hop, and a cut-paper…
• profile art The animated images on my GitHub profile, github.com/behi22. Every image is redrawn every hour from live data: the real time and sky over…
• tessellate A kaleidoscope set by the time of day. The hour picks how many folds it has, the minute how fast it turns and how hot it glows. Tap to jump…
• pixel poster lab A tiny generative art studio for making bold, downloadable posters. Remix abstract compositions, find a color mood, then share the exact…
• ebru A digital paper-marbling tray. Float ink on the bath, rake it with a stylus and comb, stir it into spirals, then pull a print. The sheet is…
• darkroom 一个零依赖的生成艺术工作台。选一种算法，拧几个参数，定影保存成 PNG。 整个项目没有构建步骤、没有第三方库、没有网络请求——所有代码都是原生的 HTML / CSS / JavaScript。 快捷键：1–6 切换算法，空格 暂停/继续，R 换药方，S 定影保存，P…
• ganlive ganlive explores a GAN's latent space in real time, with dials derived automatically and played by hand, with MIDI, or from drums. Models…
• golden gate docs/gg.js draws everything that moves: the bridge in 3D from its own numbers, sky, fog, water, and the seven toys. python3 tools/data.py…
• khom loi The Yi Peng sky lantern drawn with the physics of hot air: why it rises, one flight from lighting to landing, where the wind brings forty…
• emberfield Flow-field wallpapers that match your desktop theme. Post a recipe and anyone can reproduce your wallpaper exactly, or change the seed to…
• warp and weft · ไทย …/th/ · ខ្មែរ …/km/ docs/weave.js draws everything that moves: the loom hero weaving the shawl, the draft, ikat, friezes, satin…
• orbs Ten morphing dot-formation animations for the web. Use them for loaders, AI "thinking" states, or one memorable moment in a hero. One file…
• world execute me pv 一个为 Mili —《world.execute(me);》 制作的终端风格互动 PV（粉丝二创，非官方）。 在线试玩 / Live demo: 纯前端、单文件、离线可跑；不包含也不内嵌任何第三方音频/视频。 ⚠️ 版权说明 - 本仓库不包含原曲音频、原版 MV…
• tham luang The 2018 Tham Luang cave rescue, drawn with math, in English and Thai. docs/app.js draws every canvas. Test hooks: ?t= fixes the hero…
• cosmic weaponry Weapons of the gods, drawn live with math, in English and Thai. docs/app.js draws everything: the 3-D vajra (one prong curve copied around…
• kranok Kranok, the flame of Thai ornament, drawn with math, in English and Thai. docs/kranok.js is the geometry: a flame from its bending along…
• birds chiang mai docs/bird.js draws every bird from its parameters in tools/birds.json. docs/sky.js computes the sun (NOAA), the moon (Meeus) and the Thai…
• krathong The Loy Krathong float drawn with math: folding a banana-leaf petal, rings of petals, why it floats and stays upright, where the Ping…
• kolam studio Speak a kolam into existence. A voice-controlled studio for South Indian sikku kolam and rangoli. Say it in English or Tamil and watch it…
• generative art Generative art studies using p5.js library
• Flow Field Flow Fields are used in generative art to create interesting trajectories/shapes/curves using Vectors to control the flow of particles in a…
• rpi poetry generator ngrams for generating lines of poetry Inspired by Lyn Hejinian's [constant change figures]( and Mina Loy's [Letters of the Living]( Corpus…
• cellular automata Immigration game (Conway's game of life with 3 colors). Quad-Life (Conway's game of life with 5 colors).
• kalon The live site. Beauty is not one thing — it is a few recurring moves (proportion, harmony, symmetry held in tension with variation, the…Vibe-coded
• passing bell A bell tower with no fixed place, passed from one person to one person. Each hand casts one bell. It cannot be finished alone — and every…
• photocopy A machine is shown yesterday's photograph and nothing else. It fills in six slots describing what it can see. Those six lines are the…
• forgetting An AI agent's memory, replayed inside a real human brain. Every point of light is one token slot of vLLM's KV cache (the GPU memory an LLM…
• kar tanesi Her metinden kendine özgü bir kar tanesi üretir. Adını yaz, kar tanen çıksın; SVG ya da PNG olarak indir. → Kendi kar taneni üret Yazdığın…
• SpiroJS SpiroJS draws animated spiral circle graphs using sine and cosine trigonometry functions. It uses JavaScript, Font Awesome, and Bootstrap…
• turtle gallery 17 款互动展品 · 14 个创意原作 · 一个可以逛、可以玩、可以改的代码画廊 点一下，星空里开出彼岸花；画一笔，线条变成花瓣；换个参数，树梢走过四季。这里收录了用 Python Turtle / Tkinter…
• blitz machine A visualisation created using p5.js as part of Design Programming course at the University of Sydney. Graphics can be controlled using…
• p5.Houseplants PSX styled, low poly houseplant generator in p5.js. Get a load of PLANTS at their GitHub page or in p5 editor. I wanted to make some PSX…
• 3D animation A 3D generative art animation piece, built with P5.js
• copland See it in action at This little music-making experiment encourages the user to create patterns by clicking boxes which represent different…
• FallShapes A few simple animations using a fall color pallet
• tower or tunnel p5.js animation loop with optical illusion.
• an open window cloud gazing in p5.js...
• gen24 Genuary is a month long online art fair for Generative art that happens every January. These are some sketches in P5.js that I made during…
• p5 mycelium1 Experiment 1 in generative art with code using P5.js
• my own nebula My-own-nebula is a project that was originally based on a PyCon 2018 conference and demo given by Emily Xie on making generative art with…
• agents Agent Pheromone Simulated Generative Art in JS
• hitokoma zutsu Google Fonts から読み込んでいます（いずれも SIL Open Font License）。 one frame at a time — a two-minute paper stop-motion about the world, as Claude feels…
• screensavers Web-based screensavers for macOS, each a single self-contained HTML page. They're shown on the lock screen through WebViewScreenSaver, so…
• SnowGlobe Watercolor snow globe with P5 javascript snow animation Check main logic for creating particles
• SnowAnimation p5 javascript coded snow with one of my watercolors in background ability to capture snippets of the video change it to use webm like the…
• letters become the sea An ocean made of words. White characters drift and settle into a grayscale boat silhouette. Built with p5.js and a simple mapping from…
• p5js projects This repository contain a lot of (eventually) my interactive and generative art examples.
• p5.js art practice Trying out p5.js and creating random things with it. VScode extensions used : p5.vscode,p5js Snippets. Check this out here : (Works better…
• Magic Eraser p5.js experiment with erasable createGraphics() layer.
• Truth Bomb p5.js animation of strings expressing 100 human emotions.
• Geometric Motif Small Project creating gemometric motifs using p5.js functionalities. Each motif has randomly generated shapes rotated and translated…
• Cityscape Cityscape is a collaborative, generative artwork by the Creative Coding Amsterdam community using p5.js. Each contributor adds a unique…
• Out of Space Visualizer To what extent will development in technology create new ways for ads to intrude into our lives ? Are we moving towards a dystopian future…
• fractal mountain A single triangle transforms into a mountain. An equilateral triangle and recursively subdividing it into smaller and smaller triangles. As…
• Chladni Move mouse cursor to change the pattern params, and keys to change view options. This sketch uses this approximate solution by Rian Hunter.
• generative crystals This is the result of me working through Matthew Epler’s YouTube series Designing Generative Systems. You can find his code here and some…
• Shape painting This project uses the concept of generative art: art that in whole or in part has been created with the use of an autonomous system It aims…
• flutter particle clock For my entry in the Flutter Clock Challenge I wanted to build something colorful, animated and playful that changes appearance with time…
• liquid logo A free, open-source tool for creating animated logos with a liquid metal aesthetic. Create logo animations in real-time in the browser.
• ZzArt Generate infinite works of abstract art using GLSL fragment shaders. Shaders can be mutated to create variations. Images can be saved in…
• JSPlacementWeb Web version of JSPlacement - procedural displacement sci-fi maps generator. ▶▶▶ Check out Displacement X - free and open source alternative…
• modal revolver A generative audio-visual artwork for fxhash. Concentric rings carry five rotating dials; each time a dial completes a revolution it…
• my sketches A collection of experiments in generative art, complex systems, emergent behavior and visualizations built with p5.js and WebGL for…
• SVG Parametriser Convert SVG paths from Adobe Illustrator to parametric p5.js/Processing code with full transform control. Check out the demo here…
• inksomnia A collection of p5.js sketches for generating sleep-screen artwork for an XTeink X4 e-ink reader. These scripts will also run at.
• strange equilibria An interactive generative-art piece: a strange attractor — a single point governed by four constants — is iterated millions of times and…
• p5.book p5.book is a PDF book generator for p5.js 2.0. It captures each canvas frame as a page, compiles them into a PDF, and opens a built-in…
• trunk effect 零依赖的 Canvas2D 动效：同心环在噪声场里缓慢摆动，像年轮 / 指纹。 复刻自 Vanta 的 TRUNK 效果（原效果作者 Kjetil Midtgarden Golid）。 Vanta 的 vanta.trunk.min.js 本身只有 10KB，但它要求你先引入…
• p5forge AST-based Processing(Java)-to-p5.js compiler with browser preview and CLI. p5forge is not a full Java compiler. The focus is on practical…
• ga wasm Some Generative Arts in WebAssembly You can see the compiled version at Use a web server to serve contents of www directory