Framer Code Components Overrides

If you're building custom components or overrides in Framer, this is the reference you want open. It covers the sharp edges that actually bite: hydration mismatches from browser APIs in render, color tokens that crash when you forget to unwrap them, scroll animations that silently break when you use useState instead of useRef. The pitfalls table up front is worth the price of admission alone. Most of these issues have no error message, they just fail quietly or need two clicks instead of one. The patterns are specific to Framer's React flavor, so generic React knowledge won't save you from things like variable text living in props.text instead of children, or font styles requiring the full spread instead of individual properties.

Install to Claude Code

npx -y skills add fredm00n/framerlabs --skill framer-code-components-overrides --agent claude-code