Pin List
Pin-to-top list with smooth animations for favorites and bookmarks in React
Pin List preview
Scroll to load preview
Click to pin, click again to unpin. Items smoothly animate between "Pinned" and "All Items" sections. The pin icon fills when pinned, shows on hover otherwise. Section labels fade in and out as items move. Great for bookmarks, starred items, priority queues, or any list where some things matter more.
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 pin-list component into my projectRelated Components
FAQ
Was this page helpful?
Sign in to leave feedback.