Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

It’s Data Binding Week at Rive HQ! We’re announcing three features to supercharge your design with data. First up? Data Binding Lists — Lists let you build components with a dynamic sequence of items. Think contact lists, carousels, or a hand of cards. Audio on 🔊

Rive

84,974 subscribers

26,564 views • 1 year ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

10 Comments

Rive1 year ago

Learn from Phil, the engineer who built the feature:

Rive1 year ago

Check out the docs Editor: Runtime:

R☻SS1 year ago

🤯

Vikas Raj Yadav ˎˊ˗1 year ago

My gawd!! This is so cool.

PIXEL CVLT1 year ago

Finally... now can you add a "scroll" function that will allow me to bind the middle wheel vs touch scroll.

Ben1 year ago

This is HUGE

Oleg S.1 year ago

Amazing news!

Viky Wijaya | RIVE, Lottie, Animated Stickers1 year ago

BOOOOM 💥🤯🚀🚀🚀

(´⊙ω⊙`)1 year ago

oh im gonna cook

Luka Ivanovic1 year ago

The data binding promo card under state machine inputs should be dismissable :)

Related Videos

New concept! With Data Binding! Highly visual design + strong logic + real data in Rive . Emotional + functional. All size and price values sync + transform live in Rive! ✨ Big thanks to Uliana Kalashnikova for setting up data binding! Workflow: AI images → PS → Rive (animation + logic) → data binding → generated sound Try it: More complex, data-driven projects coming soon!

New concept! With Data Binding! Highly visual design + strong logic + real data in Rive . Emotional + functional. All size and price values sync + transform live in Rive! ✨ Big thanks to Uliana Kalashnikova for setting up data binding! Workflow: AI images → PS → Rive (animation + logic) → data binding → generated sound Try it: More complex, data-driven projects coming soon!

Daria Nevezhyna

23,844 views • 1 year ago

🚀 Data Binding in Rive is now live for all users. It gives you powerful new ways to design, build, and animate with data — making it easy to ship complex user interfaces without a complicated handoff process.

🚀 Data Binding in Rive is now live for all users. It gives you powerful new ways to design, build, and animate with data — making it easy to ship complex user interfaces without a complicated handoff process.

Rive

167,409 views • 1 year ago

New configurator, fully built on data binding in Rive - set any values (even from external data), calculate the final price, and test image binding (early access) Currently exploring ways to export all configured data, so it can be integrated wherever you need to receive or store it. Built this with Uliana Kalashnikova, supported the data binding side. Try it:

New configurator, fully built on data binding in Rive - set any values (even from external data), calculate the final price, and test image binding (early access) Currently exploring ways to export all configured data, so it can be integrated wherever you need to receive or store it. Built this with Uliana Kalashnikova, supported the data binding side. Try it:

Daria Nevezhyna

65,172 views • 1 year ago

Dynamic Card Animations for Fylo Labs website Using Rive -Key frames, motion -Data binding for dynamic text -Light/dark theme switching using input states 🔊👇

Dynamic Card Animations for Fylo Labs website Using Rive -Key frames, motion -Data binding for dynamic text -Light/dark theme switching using input states 🔊👇

JΛVIΞR

13,793 views • 1 year ago

Do you know how companies like Spotify store every single album into their yearly recaps? They don't! The design lives in a .riv. The data lives in a CMS. Data binding connects them at runtime — album art, stats, your name. Same file, millions of unique experiences. Rive

Do you know how companies like Spotify store every single album into their yearly recaps? They don't! The design lives in a .riv. The data lives in a CMS. Data binding connects them at runtime — album art, stats, your name. Same file, millions of unique experiences. Rive

Leo Mazzei

12,868 views • 5 months ago

A year ago, I designed our Rive 101 course thumbs in Figma, but this time all designed in Rive — All build with layouts — I use a design system to make them faster — Upcoming data binding feature makes this process more effortless — Accurate export to PNG — Extreme performance of editor with native 120fps

A year ago, I designed our Rive 101 course thumbs in Figma, but this time all designed in Rive — All build with layouts — I use a design system to make them faster — Upcoming data binding feature makes this process more effortless — Accurate export to PNG — Extreme performance of editor with native 120fps

Dimitri Novikov 🇺🇦

22,214 views • 1 year ago

Transform task lists into dynamic Kanban boards with Sheets canvas! Ask Gemini to organize your to-dos into custom status columns like In Progress or Done. Drag and drop cards across stages or reassign owners, and your underlying spreadsheet data updates automatically in real time.

Transform task lists into dynamic Kanban boards with Sheets canvas! Ask Gemini to organize your to-dos into custom status columns like In Progress or Done. Drag and drop cards across stages or reassign owners, and your underlying spreadsheet data updates automatically in real time.

Google Workspace

33,481 views • 1 month ago

Awesome Rive file by Marvin Te. Using Data Binding to delay the cursor position

Awesome Rive file by Marvin Te. Using Data Binding to delay the cursor position

Guido Rosso

27,879 views • 1 year ago

While everyone is talking about Ferrari x LoveFrom cluster, here is my exploration with Mini x Rive + Data binding. Not a prototype.

While everyone is talking about Ferrari x LoveFrom cluster, here is my exploration with Mini x Rive + Data binding. Not a prototype.

Dmitry Novikov 🇺🇦

23,721 views • 8 months ago

Here's a Rive data binding demo that shows how you can adjust the feather amount based on the distance the cursor is to the object.

Here's a Rive data binding demo that shows how you can adjust the feather amount based on the distance the cursor is to the object.

Drawsgood

24,628 views • 1 year ago

Obsidian Properties. A simple way to add structured data to your notes: dates, tags, checkboxes, lists, even links. You can also search notes by property and value. ✨ Now available to all with Obsidian 1.4. As always, your data is stored durably and privately on your device.

Obsidian Properties. A simple way to add structured data to your notes: dates, tags, checkboxes, lists, even links. You can also search notes by property and value. ✨ Now available to all with Obsidian 1.4. As always, your data is stored durably and privately on your device.

Obsidian

233,794 views • 3 years ago

Unleash your productivity superpowers with new Slack features: ⚡️ Track work with Slack Lists ⚡️ Summarize with Slack Assistant ⚡️ Automate with Slack AI Platform ⚡️ Update Salesforce data with Sales Elevate Work faster, not harder: #DF23

Unleash your productivity superpowers with new Slack features: ⚡️ Track work with Slack Lists ⚡️ Summarize with Slack Assistant ⚡️ Automate with Slack AI Platform ⚡️ Update Salesforce data with Sales Elevate Work faster, not harder: #DF23

Salesforce

12,136 views • 3 years ago

Many years ago, we set out to build Evolution, an upgrade that would allow us to make protocol-level usability features like usernames and contact lists. We delivered that, plus a state of the art decentralized data system that will power the DApps of the future. Stop sleeping on Dash and dive into what Evolution can do!

Many years ago, we set out to build Evolution, an upgrade that would allow us to make protocol-level usability features like usernames and contact lists. We delivered that, plus a state of the art decentralized data system that will power the DApps of the future. Stop sleeping on Dash and dive into what Evolution can do!

Dash

13,324 views • 1 year ago