Technical demo demonstrating how to use a native Webflow tabs element to control a Rive file. The state machine in the Rive file allows the face to shift between different shapes defined by Rive timelines. This is controlled using a 'number' input, which is then attached to the Webflow tabs using IX2. Clone this and have a play!

rive,  animation,  interaction,  tabs,  technical demo,  rive integration,  rive animation,  interaction design,  animated tabs,  responsive animation,  cloneable,  webflow rive