Components
Text Effects
A collection of premium text animations and effects to make your typography stand out.
Gradient Text
Gradient Flow
import { GradientText } from "@/components/TextEffects";<GradientTextcolors={["#ffaa40", "#9c40ff", "#ffaa40"]}animationSpeed={3}className="text-4xl font-bold">Your Text Here</GradientText>
Glitch Text
Hover to trigger the effect.
SYSTEM_FAILURE
import { GlitchText } from "@/components/TextEffects";<GlitchTexttext="GLITCH_EFFECT"className="text-4xl font-mono font-bold"/>
Neon Glow
Cyberpunk
import { NeonText } from "@/components/TextEffects";<NeonText color="#00ff9d" className="text-4xl">CYBERPUNK</NeonText>
Split Reveal
Smooth Character Entry Animation
import { SplitTextReveal } from "@/components/TextEffects";<SplitTextRevealtext="Your animated text here"className="text-4xl font-bold"/>