Tilt Profile Card

About this Component

The Tilt Profile Card brings personality and depth to your website with dynamic 3D tilt and click-to-flip interactions. Its clean, minimal design is enhanced with subtle retro charm and intuitive motion, creating an engaging way to showcase profiles.

Content & Customization

• Profile image upload (supports static image or GIF)

• Logo upload for the card’s back

• Editable name, title, bio, and button text

• Adjustable name, title, and bio position for refined layout

• Clickable links for email and social media (social media is optional)

Design Controls

• Full control over card and button colors, including hover states

• Adjustable fonts and colors

• Button alignment options — left or right

• Card and image radius customization

• Optional gradient for card color with adjustable angle

• Optional card shadow for added visual depth

Interaction & Performance

• Click-to-flip interaction (no hover flip)

• Smooth 3D tilt that reacts naturally to cursor movement

• Adjustable tilt intensity for subtle or expressive motion

• Choice of smooth or bounce animations with custom duration

• Glare effect for an interactive reflective shine

• Optional flip interaction

• GPU-accelerated for smooth animation performance

Made for

• Personal & professional landing pages

• Portfolios & bios

• Team sections & agency sites

• Product galleries, blog previews, and more!