You’ll often want to animate interface elements between a few different visual states. A button might have a different color when pressed down or be temporarily grayed out when disabled. With Framer’s variants, you can give these animation states recognizable names like, e.g., “pressed” or “disabled”. Variants also enable automatic animation of a frame’s children […]

To access this page, you must purchase The Framer Code Guide or The Framer Code Guide - Monthly.