Components
Animated heading text filled with a flowing liquid smoke shader revealed through a text-shaped mask.
Loading preview...
import { LiquidText } from "@/components/ui/liquid-text";
export default function LiquidTextDemo() {
return (
<div className="flex min-h-[400px] w-full items-center justify-center bg-background p-8">
<LiquidText text="liquid" fontSize={140} />
</div>
);
}