FireBall

PreviousNext

Example showing a simple fireball.

Docs
aliimamexample

Preview

Loading preview…
registry/default/example/backgrounds//fireball/fireball-01.tsx
import { FireBall } from "@/registry/default/components/fireball";

export default function DemoOne() {
  return (
    <div className="h-[600px] w-5xl overflow-hidden flex items-center justify-center relative">
      <FireBall/> 
      <h1 className="tracking-tighter text-7xl font-bold text-center z-10">
         Fire Ball
      </h1>
    </div>
  );
}

Installation

npx shadcn@latest add @aliimam/fireball-01

Usage

import { Fireball01 } from "@/components/fireball-01"
<Fireball01 />