Designer
CMS
Ecommerce
Interactions
Memberships
Editor
Logic
SEO
Hosting
Security
Overview
Libraries
Apps
Hire a Certified Partner
Templates
Made in Webflow
Learn
Community
Ebooks
Forum
Blog
Support
LoginContact Sales
Get started — it's free
Made in Webflow

Tabs with Rive

Joshua Fry's avatar
Joshua Fry
Clone in Webflow16
site profile thumbnail
Open in Webflow
Open live site
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!
Open in Webflow
Open live site
rive
animation
interaction
tabs
technical demo
rive integration
rive animation
interaction design
animated tabs
responsive animation
cloneable
webflow rive

More sites by Joshua Fry

See profile
Overlapped Header Effect
121
426
Randomly Order Cards (with CMS)
108
328
Section based progress line
83
240

Similar sites

Karyn Bergman
KB
Bergmanwebflow
1
0
Karyn Bergman
Mate matic
MM
Mate matic's Beautiful Site
1
0
Mate matic
Willame Barroso
WB
Will Barroso
1
46
Willame Barroso
Sumire Kotani
SK
sia-worldfactbook
1
1
Sumire Kotani
author avatar
css-responsive-grid
56
632
Ivan Badia
author avatar
Pension Plus
4
Web Bae
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social