Framer X » Animation » Variants

Variants

You’ll often want to animate your interface elements between a few different visual states. A button might have a different color when it’s pressed down or be temporarily grayed out when it’s disabled. With Framer’s variants, you can organize these animation states by giving them recognizable names like, e.g., "pressed" or "disabled". Variants also enable […]
To access this page, you must purchase Framer X book - Monthly or Framer X book - Yearly.