Skip to content
On this page

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