Fluid
The fluid template unlike other templates work with WebGL and does not support reactivity features. It also activated only on hover
, keep this in mind when developing on mobile.
Fluid canvas with react
jsx
import { useState } from 'react'
import CanvasParty from '@canvas-party/react'
function reactApp() {
const [canvasType, setCanvasType] = useState('fluid')
return <CanvasParty type={canvasType} />
}
export default reactApp
Result
WARNING
This template does not have reactivity features, meaning that interactive switching of the template type will not work