Components
Loading preview...
Elegant animated text component with the rotating diamond visual replacing the "o" character.
@jatin-yadav05
npx shadcn@latest add https://21st.dev/r/jatin-yadav05/potfolio-textimport { AnimatedLetterText } from "@/components/ui/potfolio-text"
export default function Home() {
return (
<main className="min-h-screen flex flex-col items-center justify-center gap-16 p-8 w-full">
<div className="flex flex-col items-center gap-8">
<AnimatedLetterText text="Portfolio" letterToReplace="o" className="text-7xl md:text-9xl" />
<p className="text-muted-foreground text-lg max-w-md text-center">
An elegant text component where letters transform into animated visuals
</p>
</div>
</main>
)
}