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.

The pin turns blue when you pin an item.

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.

Was this article helpful?