Code component
A code component is a React component written by hand and dropped into a no-code canvas — Framer, for us — so it sits next to native elements instead of replacing the canvas.
The canvas is fast for layout, type, and CMS bindings. It is slow or impossible for a calculator, a custom form, a chart, or a piece of motion the native timeline cannot express. A code component is the escape hatch: real React, real props, still editable on the canvas.
Used well, it is a small surface. One component, named props, documented so a designer can change a label without opening the repo. Used badly, the whole page becomes code and you have thrown away the reason you picked no-code.
We write them when the native toolkit runs out, not as a default. The rest of the site stays in Framer so marketing can still publish, and the design system tokens stay the same on both sides of the line.

