Profile Card
@javicodes
Online
Tushar Kumar
Software Engineer
Customize Profile Card
Mobile Tilt Sensitivity0.5
Props
| Property | Type | Default | Description |
|---|---|---|---|
| name | string | Tushar Kumar | The name displayed on the profile card |
| title | string | Software Engineer | The professional title or role displayed |
| handle | string | javicodes | The social media handle or username |
| status | string | Online | The current status indicator |
| contactText | string | Contact Me | Text displayed on the contact button |
| avatarUrl | string | ./tk2.pic.jpg | URL of the profile avatar image |
| iconUrl | string | | Optional URL for additional icon image |
| grainUrl | string | | Optional URL for grain texture overlay |
| innerGradient | string | linear-gradient(145deg,#60496e8c 0%,#71C4FF44 100%) | CSS gradient for the inner card background |
| behindGlowEnabled | boolean | | Enable or disable the behind glow effect |
| behindGlowColor | string | rgba(125, 190, 255, 0.67) | Color of the behind glow effect |
| behindGlowSize | string | 25% | Size of the behind glow effect |
| className | string | custom-profile-card | Additional CSS class names for styling |
| enableTilt | boolean | | Enable 3D tilt effect on hover |
| enableMobileTilt | boolean | | Enable tilt effect on mobile devices |
| mobileTiltSensitivity | number | 0.5 | Sensitivity of mobile tilt effect (0.1 - 1.0) |
| miniAvatarUrl | string | | Optional URL for mini avatar image |
| showUserInfo | boolean | | Show or hide user information section |
| onContactClick | function | () => {} | Callback function when contact button is clicked |
Dependencies
ogl
Created with ❤️ by Cybershoora