pure css fluid sim
A free fluid simulation — play it in your browser, no install. the first real SPH fluid simulation in pure css — no javascript, no canvas, no webgl. the style engine integrates ~240 timesteps of weakly compressible navier–stokes down a chain of nested divs, and the scrollbar can be the time axis.
Vote and save it — free account with email or sign in with GitHub
Made this, @Metrix187? 5+ people played it here → or use email
📅 Three new games every day, no account needed · Play today’s three →
Controls: index.html: pause button pauses, prefers-reduced-motion loads it · paused
GitHub may ask you to sign in, then to let VibeCruiser “Verify your GitHub identity” and “Act on your behalf”. We only read your profile and email, and never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
the first real SPH fluid simulation ever implemented in pure css — no javascript, no canvas, no webgl — just the browser's style engine integrating ~240 timesteps of weakly compressible navier–stokes down a chain of nested divs.
*(first as far as anyone can tell. when i went looking for prior art, the search summary informed me this "is not feasible with css alone." anyway.)*
live demo · scrub mode (scroll = time)
latest entry in the "css was never supposed to do this" series, after pawtraced (the raytracer) and yipsy / qwennie (the language models).
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
inkfall
A GPU fluid simulation in the browser. Move the pointer and ink blooms through water in plumes and filaments. One self-contained HTML page, no…
vortex field
In Albert's GR there is no rotation - So drag here to play and get inspiration ▶ Live demo — runs in the browser, needs WebGPU (recent Chrome or…
ink
INK — a full-screen reactive GPU fluid simulation (WebGL2, Navier-Stokes). Drag to stir colourful ink.
aurora
Real-time GPU fluid simulation (Stable Fluids) in raw WebGL2 - no libraries
fluid lab
浏览器里的实时流体模拟:零依赖 JavaScript 实现 Navier-Stokes(半拉格朗日对流 + SOR 压力投影 + 涡度增强),带交互式控制台和无依赖 Node 测试。
Battle Field Generative Art
Battle Field — Generative Art. A seed-based two-force system — yellow and black resolved across checkerboard, wavefront and concentric battlefields…
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
