Sharing Code

A way to share code directly between projects is by using the Copy Import action in the code editor toolbar since every code file in Framer is shareable right away. This will copy an ES modules URL import that you can post into any project or ES modules compatible code setup.

Here is an example of importing a shared hook from a Framer project into a code file in another project:

import { useFriendData } from "https://framer.com/m/useFriendData-KsqW.js"
  
export default function Friends(props) { 
  const friends = useFriendData() 
    
  return ( 
    <div> {friends.map((friend) => (
      <div>{friend.name}</div> ))}
    </div> 
  )
}