Let’s talk
Next.js App RouterTypeScriptReact Three Fiber
Open demo
Live
WebGL ExperimentAdvanced

Flux — GPU Fluid Simulation

A real-time GPU fluid simulation — Navier-Stokes with advection, vorticity, and pressure projection. Drag to paint the flow.

Tech stack

Built with

Next.js App RouterTypeScriptReact Three FiberGPGPU
#GPGPU#Fluid Simulation#Navier-Stokes#React Three Fiber#WebGL

Features

What's included

Everything shipped in this template — interaction, motion, and production-minded details.

01

Real-time Navier-Stokes fluid

02

Advection, vorticity, pressure projection

03

Cursor-painted flow interaction

04

Isolated Flux route theme

Details

Stack, structure & scope

Flux is the real-time fluid showcase at /flux in Premium Frontend.

Live demo

Want this customized for your brand?

We take these starting points and build fully custom 3D web experiences, SaaS products, and interactive brand showcases.