Profile Card
A reusable profile card component displaying a user's image, name, bio, skills, and social links with interactive animations.
Drag →
Installation
npx shadcn@latest add https://scrollxui.dev/registry/profilecard.json Usage
import ProfileCard from "@/components/ui/profilecard";<ProfileCard
spotlight
spotlightColor="99,102,241"
img="https://github.com/Adityakishore0.png"
name="Ahdeetai"
bio="Creator of ScrolIX UI, a modern component library built for speed and scalability."
skills={skills}
socialLinks={socialLinks}
position="Senior Software Engineer"
/>Changelog
27-08-2025, Added 3d Tilt Effect
| Feature | Description |
|---|---|
| 3D Tilt Effect | Card now tilts based on mouse movement when revealed. |
| Spotlight Effect | Optional radial spotlight on skills. |
| Custom Social Links | Added support for multiple social links. |
API Reference
ProfileCard
The ProfileCard component is used to create an interactive profile card with user image, name, role, bio, skills, and social links.