Overview

This code component + override allows you to create a collapsible sidebar in Framer that remembers its state (closed/open) as you navigate the website.

By relying on browser cookies to work, the sidebar will also remember the user's preference when returning to the website after a few days (assuming the cache wasn't cleared or the user switched browser).

You can see this sidebar in action on my personal website.

The setup is somewhat complex, so I've also created a free guide to help you better understand how to set it up properly and also make it responsive.