3d Pin

Like a map pin that came to life. Hover and the card tilts back to reveal a glowing needle beneath, with pulse rings radiating outward like sonar. A title badge slides into view above. It's got that "this is important" energy—perfect for pinning featured projects, locations, or anything you want to draw attention to. The whole thing links somewhere on click, and yes, it's keyboard accessible.

Installation

npx shadcn@latest add https://www.shadcn.io/r/3d-pin.json

npx shadcn@latest add https://www.shadcn.io/r/3d-pin.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/3d-pin.json

bunx shadcn@latest add https://www.shadcn.io/r/3d-pin.json

Related Components

FAQ