Text GIF

CLOVER
Customize
Fallback color
GIF

Installation

pnpm dlx shadcn@latest add @clover-ui/text-gif

Usage

import { TextGif } from "@/components/text-gif";

<TextGif src="/fire.gif" className="text-6xl font-black">
  CLOVER
</TextGif>

Props

PropType

The GIF used to fill the text.

The text to fill.

Text color shown before the GIF loads.

Default"currentColor"