Creative coding demos you can play with right now

Hundreds of creative coding demos, 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

• obsidian site pasta A minimalist, single-file creative web development experiment featuring an interactive GLSL liquid metal sculpture synchronized with smooth…
• geo runtime The .geo binary is the runtime. Not a format an engine reads — the thing that executes. Rust/WASM hosts it, WebGL2 displays it. v0.1 · a…
• wendoo lang A tile-based programming language for creative coding applications. Wendoo programs are built by arranging tiles -- typed, composable…
• matrix digital rain A lightweight, pure, zero-dependency HTML5 Canvas and vanilla JavaScript implementation of the iconic Matrix Digital Rain (falling code)…
• generative art piecewhistlevale whistlevale A model railway exhibit that anyone can contribute to. Model railway clubs have built exhibits this way for a century. Nobody makes the…
• ThreeImageTransition An interactive WebGL experiment that breaks two photographs into animated triangles and transitions between them along cubic Bézier paths…
• sketchy snake A hand-drawn arcade snake game built inside a living sketchbook spread with chill lo-fi beats, munchkins, and mobile haptics. Engineered…
• digestingthesystem An Interactive Archive by OOAKOSIMO DIGESTING THE SYSTEM is a browser-native interactive artwork about living inside systems: bureaucratic…
• velvetduck xchain lab OoakosiMo's Imaginary Secretary: Velvet Duck She's Ducky & Dangerous. A Quack to Kill For. When Feathers Fly, Heads Will Roll. This…
• imgui bundle Interactive Python & C++ apps for desktop, mobile, and web - powered by Dear ImGui. Stop fighting GUI frameworks. Start building.
• rose garden First-person walkable rose garden built with Three.js in a single self-contained HTML file. Walk a gravel path winding up a hill to a tree…
• prophecy council A tiny browser game for settling life's small uncertainties through a completely unqualified collection of oracles. Four themed councils…
• datamosh gui Drop I-frames, duplicate P-frames, and watch the compression tear. A timeline editor that manipulates the AVI bitstream directly — no…
• planet based A creative studio where design, technology, and the living world meet.
• swatch rack A tactile color rack and palette suggestion tool, packaged as a single Web Component. Three.js renders a physical rack of paper color cards…
• Splitscan A slit-scan browser camera for iPhone and web — Three capture modes showing motion across time. A slit-scan photographs a thin slice of the…
• breath mirror A browser-based foggy glass you share with someone far away. Open your mouth to fog it up, wipe it clear with your hand (or a finger on…
• 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…
• generative art pieceVisual Block Coding Studio Visual Block Coding Studio Visual Block Coding Studio is an interactive block-based coding environment designed to teach computational thinking, algorithm design, and…
• musixperience Small browser experiments with spatial audio, where your hands and your head are the controls. Put your headphones on. Every instrument of…
• primes Prime numbers as an interference of waves, and what that has to do with the Riemann hypothesis. Live site: primes.joycemalik.com · Written…
• pretext projects 8 text-driven Canvas experiments built in 3 days using @chenglou/pretext. Zero DOM reads. Fluid sims, physics narratives, generative ASCII…
• toys A small neal.fun-style landing page. Every 2 hours Claude (an AI model) hand-makes one new interactive experiment for it as part of the…
• curio A cabinet of AI curiosities. A growing collection of small, interactive web experiments that make ideas from AI and machine learning…
• veyra core A creative web experience engine. Veyra is the runtime foundation behind ambitious, art-directed websites — immersive campaigns…
• biswajit minigames A small collection of browser mini games I built as part of a casual learning process — spending free time exploring game mechanics…
• 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
• visual experiments A curated collection of interactive and visually engaging web-based simulations built using HTML, CSS, and JavaScript. This project…
• 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…
• interactive showcase Eight live demos in a single page: flocking, pathfinding, a raymarched surface on the GPU, generative flow fields, sorting, cellular…
• doodles Web Experiments I do for fun.
• shiro virek.github.io A generative art playground and creative coding sandbox built with zero dependencies — pure vanilla JavaScript, HTML5 Canvas, WebGL, and…
• useless web Five small, deliberately pointless browser toys, in the spirit of theuselessweb.com. Built to find out how far a no-code builder could be…
• Wandering Eyes Generative Art Wandering Eyes displays a curated collection of five generative artworks. Each piece combines geometric shapes, random movement, and…
• mesh. mesh. is an interactive WebGL particle sculpture. A field of 7,680 points bends into six forms—Silk, Orbit, Wave, Knot, Sphere, and…
• Damn Shit Alpine parallax landscapes, brushed-metal macOS Aqua windows, dithered pixel trails, and interactive creative builds — crafted for Sunil…
• portfolio A hand-drawn 3D sketchbook world. Tear the paper, knock on the door, walk the corridor, open the rooms. “Computer engineer by training…
• Particles Ecosystem A tiny Canvas experiment where attraction and repulsion turn colored particles into moving patterns. Open the demo · Browse the code The…
• eternal coma site A fully interactive, single-file "desktop OS" experience built for the electronic music artist ETERNAL COMA, centered around a custom audio…
• 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…
• nextjs webgl templates 13 open-source Next.js 16 + React Three Fiber / WebGL templates in one app. Raymarched black holes, GPU fluid simulation, a million-agent…
• funtools A curated set of fun & entertainment tools extracted from FunToolX — each one is a single self-contained file with no build step and no…
• img2pxl.js A small library that allows you to implement a particle/pixel effect on a given image. This implementation was carried out trying to…
• oriel A scroll-driven story for a fictional independent watchmaker, built as a portfolio piece by Ayoub Benkreira. The Calibre O-1 is modelled…
• motionforge An open-source laboratory and developer workbench for extraordinary web animations. Explore advanced motion. Customize every detail. Export…
• ferrari f400 A scroll-scrubbed cinematic reveal. A red 1987 Ferrari F40 sits under black silk in a dark Maranello studio. The visitor scrolls, the cover…
• 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…
• starport 3d portfolio 这不是"照蓝图重搭"，而是星港网站的真实源代码本身，分类整理好、框架写清楚—— 拿到这个文件夹（或压缩包）丢给任何模型（含国产大模型），就能 1:1 复刻整个外壳。 外壳 = 100% 真站（真 ISS 空间站 GLB + NASA 真地球贴图 + 全部 3D…
• nodes A spring network of ten strangers. Ten generated people from the RandomUser API, pulled into place by springs and grouped by country. Live…
• sheraz portfolio A single-page portfolio with a WebGL "agent graph" that reshapes itself as you scroll. Open the URL Vite prints (usually The dev server is…
• portfolio My portfolio, live at krishviramgama.vercel.app. Short on time? Press Q on either page for the quick lap: the 60-second version. Vanilla JS…
• aether celestial experience One thousand characters. Two worlds. A different battle each time. An interactive creative development project by Bekassyl Zhaksylyk…
• astral drifters anamorphic tunnel behind your phone screen, played with the gyroscope
• distant lights Distant Lights is a physics-informed software instrument and analysis toolkit for synthesizing sound from intensity-modulated light models…
• 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…
• web audio threejs starter A minimal React starter for turning a local audio file into audio-reactive 3D visuals with the Web Audio API, Three.js, and React Three…
• happy birthday animation Animasi Kanvas Interaktif & Audio Player Perayaan Ulang Tahun Modern Berbasis Web Happy Birthday Animation adalah aplikasi web interaktif…
• programmatic patterns A collection of generative HTML backgrounds. Each file is fully self-contained — no build step, no dependencies. Download and open in any…
• Game of Life Generative Art A cellular automaton study for textile and surface design. A reproducible catalogue of computational compositions. Game of Life is a…
• 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…
• sketchbook A collection of small browser experiments: classic games, simulations, fractals and canvas effects. Most were written while learning web…
• rainforest sounds Welcome to the Dopamine Reset Facility. We have frogs, gravity, and a support sloth whose response time is measured in geological eras…
• blazing energy showcase An experimental, cinematic 3D product experience built with JavaScript and Three.js. The project explores real-time WebGL product…
• transition effect Watch the tutorial on YouTube Based on Fernando Serrano's example
• drawing app A browser drawing app built with p5.js, with 8 tools, an 18-colour palette, undo, select-and-move (cut & paste) and save-to-image. Built on…
• portfolio website Bridging Silicon, Bare-Metal Firmware, Algorithms & Multimodal Intelligence. This repository houses the personal portfolio and…
• Personal 3D portfolio An interactive, 3D personal portfolio website showcasing data science, AI projects, and UI/UX engineering work. Built with immersive WebGL…
• awesome cosmos 一個沉浸式 3D 賽博宇宙，將 GitHub 上千奇百怪的 Awesome 開源神作可視化為璀璨星系。 An immersive 3D cyberpunk galaxy visualizing legendary GitHub Awesome repositories…
• 3d room An interactive WebGL room rendered in the browser with Three.js. The scene uses fully baked lighting exported from Blender, a runtime…
• web democomplete shelf complete shelf An original, interactive Three.js library of seven clothbound hardcovers. Browse the continuous shelf, pull a volume into a responsive…
• portfolio vitu A portfolio for backend and product engineering, built around four case studies and a persistent procedural black hole. The homepage…
• nucleus io A flyable 3D portfolio: pilot a spaceship through a neon void, open project orbs, and collide with physics text. NUCLEUS.IO is Roy Wang's…
• generative art pack [!NOTE] Six agents and four skills that take a generative piece from concept → sketch → algorithm → shader → color → export (print, video…
• three.js lab A living laboratory for experimenting with 3D graphics in the browser This is not a copied tutorial. Not a downloaded template that was…
• psychedelia studio Create music-reactive animations, endless fractal worlds, and hypnotic videos. Turn a song into moving visuals. Fly through mathematical…
• shubham jadhav FiatLux.github.io A portfolio you can walk through. Guide a panda through a misty valley of bamboo, blossoms and pagodas to discover who I am, what I build…
• web demoturbofan explorer turbofan explorer A Jet Engine and Its Airliner, Modelled in Code A procedural 3D modelling project: a turbofan engine and the four-engine airliner it hangs…▶ 5+ plays this week 🏆 #6 most played this week
• 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…
• lucas ligenza portfolio A personal portfolio by Lucas Ligenza, explored as a journey through an ASCII galaxy. Native scrolling carries a rocket from Earth to the…
• 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…
• audrey hung Procedural illustration, zero image assets. Every drawing is generated at runtime with the Canvas 2D API — wobbly ink strokes, watercolor…
• pulse Estudio audiovisual interactivo en el navegador Interactive audiovisual studio in the browser Secuenciador de 16 pasos · Sintetizador Web…
• Kode pek A portfolio you play: pick a cartridge, press start. Live at kode-pek.vercel.app. Built with Three.js and vanilla JavaScript on Vite, with…
• netoun.github.io Hi, I'm Nicolas. Full-stack engineer & creative developer. _❯ I build fast, polished web products, from expressive interfaces to robust…
• vivarium Vivarium is a TypeScript library that aims to provide a simple yet expressive way of creating your own cellular automata and run…
• webgl Three.js and hand-written GLSL: 3D product configurators, engineering calculators, and interactive sites. Available for contract work…
• Fluidframe Design high-impact 3D device mockups, real-time WebGL fluid mesh gradients, retro Bayer dither shaders, and render studio-grade 60 FPS MP4…