Shadcn.io is not affiliated with official shadcn/ui
Pin List
Pin-to-top list with smooth layout animations for favorites and bookmarks in React
Click to pin, click again to unpin. Items smoothly animate between "Pinned" and "All Items" sections with that satisfying spring motion. The pin icon fills when pinned, shows on hover otherwise. Section labels fade in/out as items move. It's the favorites pattern done right—perfect for bookmarks, starred items, priority queues, or any list where some things matter more than others.
Scroll to load preview
Installation
Related Components
FAQ
Was this page helpful?
Sign in to leave feedback.