Variants

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 (animation […]