Premium Profile Card

Usage

import PremiumProfileCard from '@/components/rareui/premiumProfileCard';

export default function App() {
  return (
    <PremiumProfileCard />
  );
}

Features

• 3D Tilt Effect: Smooth, mouse-tracking rotation with configurable sensitivity
• Flip Animation: Click to reveal card back with contact information
• Dark Mode Support: Seamlessly adapts to light and dark themes
• Premium Animations: Glowing borders, sheen effects, and micro-interactions
• Fully Self-Contained: All CSS included inline - no global styles needed
• Responsive Design: Optimized for all screen sizes
• Interactive Elements: Hover states on skills, contact rows, and buttons

Customization

Tilt Sensitivity

Adjust the friction and maxRotation constants inside the component:

const friction = 1 / 32;  // Lower = more sensitive
const maxRotation = 10;   // Maximum degrees of rotation

Colors & Styling

All colors use Tailwind classes and can be easily modified:

• Card Background: bg-[#FDFCF8] dark:bg-[#0d0d0d]
• Border Color: border-stone-200 dark:border-stone-700
• Text Colors: Uses stone color palette for consistency

Content

Replace the demo content with your own:

• Profile image URL
• Name and title
• Location
• Skills list
• Contact information

Component API

Feature	Type	Description
3D Tilt	Mouse Tracking	Card follows mouse movement with smooth perspective rotation
Flip Animation	Click Event	Click anywhere on card to flip and reveal back side
Glowing Border	Hover Effect	Animated spinning gradient border appears on hover
Sheen Effect	Hover Effect	Subtle light sweep follows rotation on hover
Dark Mode	Automatic	Adapts colors based on system/app theme
Dependencies	External	Requires lucide-react for icons

Notes

• The component is fully self-contained with inline CSS for animations
• No global CSS modifications required
• Works out of the box after CLI installation
• All images use Unsplash URLs - replace with your own in production

Props

This component currently doesn't accept props. To customize, modify the component code directly after installation.