import { TextAnimate } from "@/components/godui/text-animate";
export function TextAnimateFade() {
return (
<TextAnimate animation="fadeIn" by="word" className="text-4xl font-semibold tracking-tight">
Animate your ideas into reality
</TextAnimate>
);
}
import { TextAnimate } from "@/components/godui/text-animate";
export function TextAnimateChars() {
return (
<TextAnimate animation="slideUp" by="character" stagger={0.03} className="text-3xl font-medium">
Character by character
</TextAnimate>
);
}
import { TextAnimate } from "@/components/godui/text-animate";
export function TextAnimateScale() {
return (
<TextAnimate animation="scaleUp" by="word" className="text-4xl font-semibold tracking-tight">
Scale up with spring
</TextAnimate>
);
}
import { TextAnimate } from "@/components/godui/text-animate";
export function TextAnimateSlide() {
return (
<TextAnimate animation="slideLeft" by="word" className="text-4xl font-semibold tracking-tight">
Slide from the right
</TextAnimate>
);
}
import { TextAnimate } from "@/components/godui/text-animate";
export function TextAnimateHeading() {
return (
<TextAnimate as="h1" animation="blurInUp" by="word" className="text-5xl font-bold tracking-tight">
Hero headline
</TextAnimate>
);
}