Code Component Sharing

Code components are built on ES Modules. That means that every code component has a unique url that can be shared. If Framer detects a paste with a code component url, it automatically adds the component to your project and places an instance on the canvas. Find your code component under Assets → Code Component and right click to “Copy URL…”. Now your clipboard will contain a url like:

You can paste this url into any Framer project, directly onto the as if you are pasting an image, and the component will appear. When pasted they will also be added to the Asset Panel for the Project if not in there already, and will periodically show an “Update” CTA when changes are made to the primary component.