3d Card

3d Card preview

Move your mouse and watch the card follow. The card tilts toward your cursor with a perspective shift that makes flat content feel tangible. Elements inside can pop out at different depths on hover—your image lifts while the background stays put. Works smoothly on all devices because it uses CSS transforms under the hood.

Install with AI

If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:

use shadcnio to install the 3d-card component into my project

Related Components

FAQ