Components
A text animation component that reveals whole words or short headings with a calm, tiny scale-and-fade pop.
Loading preview...
"use client";
import MicroScaleFade from "@/components/ui/micro-scale-fade";
const MicroScaleFadeDemo = () => (
<div className="flex min-h-[300px] flex-col items-center justify-center gap-4 text-center">
<MicroScaleFade className="font-bold text-4xl tracking-tight">
Precision.
</MicroScaleFade>
<MicroScaleFade className="text-lg text-muted-foreground" delay={300}>
Subtle premium scale entrance.
</MicroScaleFade>
</div>
);
export default MicroScaleFadeDemo;