Profile Card
A reusable profile card component displaying a user's image, name, bio, skills, and social links with interactive animations.
Loading...
Installation
npx shadcn@latest add @scrollxui/profilecard 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.