Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Introducing Data Binding Artboards! Now you can dynamically load an artboard from a separate Rive file. Swap in avatars, toggle views, A/B test layouts, and load any other type of component from an external Rive file at runtime. Audio on 🔊

rive_app's profile picture

Rive

72,842 subscribers

17,020 görüntüleme • 11 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

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

Guido Rosso

27,879 görüntüleme • 1 yıl önce

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:
0:28

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

63,813 görüntüleme • 11 ay önce

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
0:27

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,652 görüntüleme • 1 ay önce

In today's tutorial, you can learn how to make an interactive vibrant card animation in Rive. By following this technique, you can create reusable component and bring the same nice effect on cards on your site. Send me DM or reply in the comments to get Figma + Rive file.
3:23

In today's tutorial, you can learn how to make an interactive vibrant card animation in Rive. By following this technique, you can create reusable component and bring the same nice effect on cards on your site. Send me DM or reply in the comments to get Figma + Rive file.

Alex Barashkov

51,275 görüntüleme • 2 yıl önce

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 🔊
0:53

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

26,532 görüntüleme • 11 ay önce

While you're here, how about a 1-minute walkthrough of how I made this "Rive is Magical" animation? File is now available in the Rive community! Rive
0:49

While you're here, how about a 1-minute walkthrough of how I made this "Rive is Magical" animation? File is now available in the Rive community! Rive

Joey Judkins

12,250 görüntüleme • 1 yıl önce

Rive Mirror app we've been working on. Lets you view your editor file in realtime running on device. It's not just a preview, the device is running the real shippable product with the Rive Runtime.
0:21

Rive Mirror app we've been working on. Lets you view your editor file in realtime running on device. It's not just a preview, the device is running the real shippable product with the Rive Runtime.

Guido Rosso

13,313 görüntüleme • 4 ay önce

🎉 Free Rive File with Physical Interactions! 🎉 I just experimented with physical interactions in Rive, and the results are amazing! Performance is solid, and it leaves a great impression on viewers. 💡 Get the Rive file for free! Comment "Rive" below to receive it! 👇
1:23

🎉 Free Rive File with Physical Interactions! 🎉 I just experimented with physical interactions in Rive, and the results are amazing! Performance is solid, and it leaves a great impression on viewers. 💡 Get the Rive file for free! Comment "Rive" below to receive it! 👇

Chien Pham

34,972 görüntüleme • 1 yıl önce

You can now create Lists with Data Binding in Rive. A List is a UI element displaying a sequence of items that can change in real time based on user actions or data updates 🚀
5:20

You can now create Lists with Data Binding in Rive. A List is a UI element displaying a sequence of items that can change in real time based on user actions or data updates 🚀

Rive

20,704 görüntüleme • 1 yıl önce

Tiny demo, Powerful results✨ Binding images + artboard lists in action! 🖼️🎨 Made in Rive 💖
0:30

Tiny demo, Powerful results✨ Binding images + artboard lists in action! 🖼️🎨 Made in Rive 💖

laura calvo

20,485 görüntüleme • 9 ay önce

🔦Flashlight UI that reacts to touch, turns on/off with a tap, and feels alive - fully done in Rive File size - 19.5kb 😍 Just dropped this file into my Rive portfolio, check first comment 👇
0:30

🔦Flashlight UI that reacts to touch, turns on/off with a tap, and feels alive - fully done in Rive File size - 19.5kb 😍 Just dropped this file into my Rive portfolio, check first comment 👇

MattJedrzejewski

22,559 görüntüleme • 1 yıl önce

Reverse Keys example (Rive file from Drawsgood) 📈📉 Notice that it also reverses interpolation correctly Any other QOL features you want to see? What's your top request?
0:23

Reverse Keys example (Rive file from Drawsgood) 📈📉 Notice that it also reverses interpolation correctly Any other QOL features you want to see? What's your top request?

Guido Rosso

10,106 görüntüleme • 2 ay önce

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!
0:28

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 görüntüleme • 1 yıl önce

A little fan-art-ish UI exploration (lots of my personal work is inspired by Bubblegum Crisis/A.D. Police Files) Imagining what a game menu might look like in that universe using Layouts, Data Binding, and sound design 🔊 in Rive 🦾🚔💀
0:26

A little fan-art-ish UI exploration (lots of my personal work is inspired by Bubblegum Crisis/A.D. Police Files) Imagining what a game menu might look like in that universe using Layouts, Data Binding, and sound design 🔊 in Rive 🦾🚔💀

Jerry Liu

18,505 görüntüleme • 9 ay önce

New Rive tutorial is out. Learn how to animate an interactive glowing progress bar in it, so you can use this technique to build something similar in your app. Send me DM or reply in the comments to get Figma + Rive file.
6:01

New Rive tutorial is out. Learn how to animate an interactive glowing progress bar in it, so you can use this technique to build something similar in your app. Send me DM or reply in the comments to get Figma + Rive file.

Alex Barashkov

41,742 görüntüleme • 2 yıl önce

I repurposed an old Rive example to build a game with scripting. All of the logic is in Rive. See if you can beat my score:
0:41

I repurposed an old Rive example to build a game with scripting. All of the logic is in Rive. See if you can beat my score:

Gordon Hayes

10,379 görüntüleme • 5 ay önce

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.
0:23

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,537 görüntüleme • 1 yıl önce

Calendar Watchface Not a concept. Ready to use anywhere. Designed in Rive using the new Data Binding feature. Filesize is so small and Rive is so performant — this watchface can be used on extremely weak devices, fluently and preserve the battery.
0:30

Calendar Watchface Not a concept. Ready to use anywhere. Designed in Rive using the new Data Binding feature. Filesize is so small and Rive is so performant — this watchface can be used on extremely weak devices, fluently and preserve the battery.

Dimitri Novikov 🇺🇦

14,473 görüntüleme • 1 yıl önce

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
0:58

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 görüntüleme • 1 yıl önce

If you’re struggling to get your OpenClaw🦞 to use an existing service, just build a replacement In one morning we built a working photos/drive replacement and that’s my default file storage now 🤯 Pro tip: you can get any of your data from Google at easily!
2:23

If you’re struggling to get your OpenClaw🦞 to use an existing service, just build a replacement In one morning we built a working photos/drive replacement and that’s my default file storage now 🤯 Pro tip: you can get any of your data from Google at easily!

Jesse Genet

25,758 görüntüleme • 4 ay önce