Want to build websites in no-time? Announcing the new Framer Beta.Learn more
Framer
  • Support
  • Using Framer
Want to build websites in no-time? Announcing the new Framer Beta.Learn more
Framer
  • Teams
  • Showcase
  • Developers
  • Resources
    • Tutorials
    • Examples
    • Components
    • Templates
    • Sessions
    • Support
    • Updates
  • Blog
  • Pricing
  • ···
    • Blog
    • Pricing
  • Support
  • Using Framer

Related Articles

  • Auto Size
  • Using Custom Fonts
  • Templates
  • Creating responsive designs
  • Default Components

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.

Helpful?Was this article helpful?

0

0

Framer

  • Teams
  • Pricing
  • Showcasenew
  • Blog
  • Developers
  • Updates

Platforms

  • Web
  • macOS
  • Windows
  • iOS
  • Android

Learn

  • Tutorials
  • Examples
  • Templates
  • Sessions

Resources

  • Components
  • Input Kit
  • State of Prototyping
  • Desktop Prototyping
  • Prototyping Tool
  • Mockup Tool
  • Wireframing Tool
  • UI/UX Design Tool
  • Graphic Design Tool
  • User Testing

About

  • Loupe
  • Community
  • Company
  • Careers
  • Legal

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2022 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement