Every CodePen account has a “pinned items” list to keep Pens, Posts, or Collections handy.
You can click the “pin” at the top of the page on a Pen, Post, or Collection to save the item to your pinned list.
Your pinned items list follows you all over CodePen, so you can get back to your pinned items quickly. You can access your pinned items from the navigation sidebar:
Or if you’re in the Pen or Project editor, you can open your pinned list by clicking the down arrow next to the pin icon:
It’s realtime, too! When you pin something, it’s available on your pins list right away, wherever you’re logged in to CodePen.
You can pin anyone’s items to your pins list
You don’t have to own something to pin it. You can pin other people’s Pens, Posts, or Collections to keep them handy.
No one else can see your pins list
Only you can see your pinned item list. Pinning something doesn’t affect the privacy of the pinned item, either, so you can feel free to pin your private stuff.
If you’re on a team, your list stays with you in both your personal and team context so you can refer back to it anytime. Your pinned items list is not shown to your fellow team members.
Removing a Pinned Item
There are two ways to remove a pinned item from your list.
You can hover over the item in your list and click the “X” at the right.
Or, if you’re on the item’s page, you can click the blue pin icon at the top of the item to unpin it.