Smart Component size limits

As you add more Variants to a single Smart Component, you may exceed a size limit that your browser can handle. This may lead to decreased performance in Framer, but it can easily be avoided.

If you find you have exceeded the size limit, try to break up your large component into smaller component pieces. For example, if you have one all-inclusive list component, you may need to break that into pieces such as row, checkbox, and row item—each with their own Variants and Variables.

You might also find your Smart Components exceed the size limit if they include many SVGs or text with complicated inline styling. In these cases you may need to try different component setups in addition to breaking apart all-inclusive components. And specifically when working with large SVGs, you may need to place them in their own separate Smart Components.