Fireball

PreviousNext

A dynamic animated canvas component that renders fire following the cursor with configurable physics and color cycling.

Installation

pnpm dlx shadcn@latest add https://ui.dalim.in/r/fireballjson

Usage

import { FireBall } from "@/components/ui/fireball"
<div className="relative h-64 w-full rounded-lg border">
  <FireBall/>
  <div className="relative z-10 flex h-full items-center justify-center">
    <p className="text-lg font-medium">Content over dot background</p>
  </div>
</div>