Components
Loading preview...
This is a high-fidelity Animated Profile Card component designed for user discovery or social interactions. It includes layered blur effects, animated reveal of bio/stats, motion-enhanced name rendering (letter-by-letter), and an interactive follow button. It adapts to theme and motion preferences, making it production-ready for profile previews in social apps, team dashboards, or creator platforms. Perfect for social networks, SaaS teams, influencer marketplaces, or any UI needing rich identity previews with motion-driven engagement.
npx shadcn@latest add https://21st.dev/r/isaiahbjork/profile-card"use client"
import { ProfileCard } from "@/components/ui/profile-card"
export default function Page() {
return (
<div className="min-h-screen p-8 bg-background flex items-center justify-center">
<ProfileCard />
</div>
)
}