NewAI SDK Agents

FractalDotGrid

PreviousNext

An interactive canvas fractal dot grid component to add dynamic visual interest to your UI.

Configuration

Installation

pnpm dlx shadcn@latest add https://cult-ui.com/r/bg-animated-fractal-grid.json

Usage

function FractalDotGridExample() {
  return (
    <div className="h-screen w-screen relative">
      <FractalDotGrid
        dotSize={4}
        dotSpacing={20}
        dotOpacity={0.3}
        waveIntensity={30}
        waveRadius={200}
        dotColor="rgba(100, 100, 255, 1)"
        glowColor="rgba(100, 100, 255, 1)"
        enableNoise={true}
        noiseOpacity={0.03}
        enableMouseGlow={true}
        initialPerformance="medium"
      />
    </div>
  )
}
 
export default FractalDotGridExample