3D Card

Perspective card that turns toward the pointer while its layers lift to different depths.

Library

Velora UI

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add https://velora.colorlib.com/r/3d-card.json

Files

• src/components/velora/3d-card.tsx
• src/lib/utils.ts

Source

https://github.com/ColorlibHQ/velora-ui

Categories

• Card Components
• React Card Components
• Tailwind CSS Card Components
• Animated Card Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components

More from Velora UI

• 3D Pin
• Animated Testimonials
• Split login page
• Card Stack
• Direction Aware Hover
• Draggable Card
• Evervault Card
• Expandable Card
• Icon feature grid
• Focus Cards
• Glare Card
• Pricing comparison table