Dev Design Library

3D Tilt Card

A 3D perspective tilt card that rotates toward the pointer with spring smoothing, parallax translateZ depth layers, and a pointer-following glare highlight.

3D Tilt Card preview
Library
Spectrum UI
Framework
React
Type
component
License
Apache-2.0
Dependencies
framer-motion
Install
npx shadcn@latest add @spectrumui/tilt-card
Files
  • app/registry/tilt-card/tilt-card.tsx
  • lib/utils.ts
Source
https://github.com/arihantcodes/spectrum-ui

Categories

More from Spectrum UI