Fluid simulations you can play right now

Dozens of fluid simulations, 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

• WebGL Particle Sim (Mostly) vibe-coded interactive particle simVibe-coded
• aurora Real-time fluid dynamics in the browser, solved on the GPU with raw WebGL2. No libraries, no build step, and under 1,000 lines of…
• aether Smoke-like fluid dynamics drive real text layout on Canvas 2D. Report a Bug · Request a Feature ⭐ If you find this project interesting…
• Chroma Flow "A real GPU fluid simulation — velocity fields, swirling vorticity, dye that actually flows and mixes like smoke or ink in water." Highly…
• Spreading ink An interactive WebGL fluid experiment exploring the unstable boundary between gesture, color, and simulated flow. Natural Instability is a…
• particle simulator A lightweight fluid-inspired particle simulation built with pure HTML, CSS, and JavaScript.
• fluidsim cpu An interactive 2D fluid simulation written in JavaScript and rendered with the HTML Canvas 2D API. This project implements a CPU-based…
• threejs sph simulator This repository contains an implementation of a Smoothed Particle Hydrodynamics (SPH) fluid simulation using Three.js. The simulation…
• simulationwebgpu fluid sim webgpu fluid sim An interactive Eulerian fluid simulation implemented in JavaScript with WebGPU compute shaders. The solver runs on the GPU and supports…
• nape js Fully typed 2D physics engine — a modern TypeScript rewrite of the Nape Haxe physics engine. This is the actively maintained successor to…
• webcam ink Ink runs from your fingertips into water, over your own webcam picture, with the hand tracking drawn on top. **Try it: (allow the camera…
• gad box 没有后端、没有付费 API、没有联网多人。构建产物是纯静态文件，直接部署在 GitHub Pages 上。 刻意不追求照片级写实，也不声称拟真现实 —— 目标是可运行、可调试、可扩展。 截图待补，而且这一批也没有补上：这些图需要人用真机（或桌面浏览器）打开线上站点手动截。…
• block breaker The official repository for the block breaker game.
• liquid shape distortions Create psychedelic animations in real-time in the browser. Webgl shader using liquid motion, distortion, shadows, and light.
• water game Claude Code × Claude Opus 5.5（HIGH） で作りました。 企画・ディレクション：たぬ ／ 開発：Claude Code（Claude Opus 5.5・推論レベル HIGH） 設計から実装、調整、テストまで Claude Code…
• Sand and Ink something of your own to make: the AI steps aside completely, the brush gets much finer (smaller ink dots), and the ink spreads far less…
• moyun A sheet of rice paper that breathes. Ink runs on a real-time fluid simulation on your GPU, every stroke plays a guqin note, and an…
• slipstream A live wind tunnel in your browser. A real-time fluid simulation of air flowing over a hand-drawn sports car, in a single HTML file with no…
• ardentia Ardentia: o nome que os pescadores dão ao brilho que a água solta à noite quando o barco corta o mar. Um mar noturno que roda no navegador…
• spectrometry public Fluid sims, field lines, particle swarms, bouncing shapes and molecules. Written in Python, turned into video with ffmpeg. Free to use…
• fluid lab 纯 JavaScript、零依赖的二维流体模拟。 打开网页就能用鼠标搅动一缸会流动的彩色墨水—— 背后是每一帧实时求解的 Navier–Stokes 方程,而不是预设动画。 控制台里的涡度增强最值得玩:调到 0 能看到漩涡很快被数值耗散抹平, 调到 30…
• lumen tide One self-contained HTML file: a real-time WebGL 2 fluid and a generative Web Audio score, wired to each other. The water you paint makes…
• inkfall A fluid simulation that runs in the browser. Move the pointer, a finger, or your hand in front of the camera, and ink blooms through water…
• pure css fluid sim the first real SPH fluid simulation ever implemented in pure css — no javascript, no canvas, no webgl — just the browser's style engine…
• grid based Fluid Simulation JavaScript Code creates simple grid based fluid simualtion that you can play with, graphics are displayed on HTML canvas element so no need for…
• aetherflow A real-time 3D fluid laboratory that runs entirely on your GPU. Position-based fluids solved in WebGPU compute, lit with screen-space…
• pretext projects 8 text-driven Canvas experiments built in 3 days using @chenglou/pretext. Zero DOM reads. Fluid sims, physics narratives, generative ASCII…
• 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…