Components
Loading preview...
Animated Reveal Text
@anurag-mishra22
npx shadcn@latest add https://21st.dev/r/anurag-mishra22/animated-reveal-textimport { HighlightText } from "@/components/ui/animated-reveal-text"
function DefaultDemo() {
return <HighlightText text="I love Mishra Hub" />
}
function CustomColorDemo() {
return (
<HighlightText
text="Custom Color"
highlightColor="#d7ff7b"
/>
)
}
function CustomStyleDemo() {
return (
<HighlightText
text="Custom Style"
textClassName="text-3xl font-black"
highlightClassName="rounded-full py-2 px-4"
/>
)
}
function SlowAnimationDemo() {
return (
<HighlightText
text="Slow Animation"
duration={2.5}
ease="easeOut"
/>
)
}
export {
DefaultDemo,
CustomColorDemo,
CustomStyleDemo,
SlowAnimationDemo
}