Shadcn.io is not affiliated with official shadcn/ui
3d Pin
Map-pin style 3D card with pulse rings and hover reveal for React
3d Pin preview
Scroll to load preview
Hover and the card tilts back to reveal a glowing pin beneath, with pulse rings radiating outward. A title badge slides into view above. Great for highlighting featured projects, locations, or anything you want to draw attention to. Works as a link and is keyboard accessible.
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-pin component into my projectRelated Components
FAQ
Was this page helpful?
Sign in to leave feedback.