Fluid media animation for React powered by WebGL.
Fluid media simulation for React powered by WebGL.
This is a port of the WebGL fluid animation by Pavel Dobryakov, which itself is a port of GPU Gems Chapter 38. It provides a very fast, stable fluid simulation by iteratively solving the Navier-Stokes equations for incompressible flow.
npm install --save react-fluid-animation
Check out the demo.
import React, { Component } from 'react'
import FluidAnimation from 'react-fluid-animation'
export default class App extends Component {
render () {
return (
<FluidAnimation
style={{ height: '100vh' }}
/>
)
}
}
TODO
MIT © Travis Fischer
Support my OSS work by following me on twitter