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.

1/10 Here is a 🧵 with tips for building dynamic, responsive UI using Rive like this one that can run practically anywhere performantly.

Philip Chung

1,499 subscribers

93,421 views • 1 year ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

This is an era of dynamic UI. And Rive is excellent for this! You can't design static anymore in 2025.

This is an era of dynamic UI. And Rive is excellent for this! You can't design static anymore in 2025.

Dmitry Novikov 🇺🇦

39,921 views • 1 year ago

Control any timeline based animation dynamically using Joysticks and Scrolling and make it responsive in Rive. You can create this production ready asset in 3 minutes (walkthrough in the 🧵). Awesome Apple hello animation using Trim Paths created by Akansha Soni.

Control any timeline based animation dynamically using Joysticks and Scrolling and make it responsive in Rive. You can create this production ready asset in 3 minutes (walkthrough in the 🧵). Awesome Apple hello animation using Trim Paths created by Akansha Soni.

Philip Chung

22,345 views • 1 year ago

Stop wasting hours building custom Auth pages. 🛑 I built one of the cleanest Auth Page using shadcn UI. - Fully responsive - dark mode ready - and looks premium The best part? It’s 100% Free. Grab the code here:

Stop wasting hours building custom Auth pages. 🛑 I built one of the cleanest Auth Page using shadcn UI. - Fully responsive - dark mode ready - and looks premium The best part? It’s 100% Free. Grab the code here:

Shaban

76,253 views • 5 months ago

🚀 You can now use Rive to build UI for games, like menus and heads-up displays! #NoesisGUI 3.2 adds support for interactive Rive animations. Follow NoesisGUI for more details!

🚀 You can now use Rive to build UI for games, like menus and heads-up displays! #NoesisGUI 3.2 adds support for interactive Rive animations. Follow NoesisGUI for more details!

Rive

23,982 views • 3 years ago

Order up! 🧑‍🍳 Testnet-1.5 is live, and it packs a punch with some serious UI/UX upgrades along with one mystery, must-try new feature 🍡 Try it here: 🧵 (1/6)

Order up! 🧑‍🍳 Testnet-1.5 is live, and it packs a punch with some serious UI/UX upgrades along with one mystery, must-try new feature 🍡 Try it here: 🧵 (1/6)

dango🍡

102,024 views • 1 year ago

This individual is basically asking about how the devs at DICE handled lightmaps in Battlefield 4 (baked global illumination) when it came to dynamic events like buildings collapsing, which is an excellent question! In the video I provided here, you can see lightmaps on the building, particularly the balconies. Essentially, when it’s time for the building to collapse, a dynamic animated version of the building is immediately instantiated in the exact location of the old one. You can actually see this happening too. Before the building collapses, you can see a weird flicker effect. That flicker is the lightmaps disappearing entirely, because a different version of the same building that lightmaps won’t function on replaces the static light mapped building. Really cool stuff!

This individual is basically asking about how the devs at DICE handled lightmaps in Battlefield 4 (baked global illumination) when it came to dynamic events like buildings collapsing, which is an excellent question! In the video I provided here, you can see lightmaps on the building, particularly the balconies. Essentially, when it’s time for the building to collapse, a dynamic animated version of the building is immediately instantiated in the exact location of the old one. You can actually see this happening too. Before the building collapses, you can see a weird flicker effect. That flicker is the lightmaps disappearing entirely, because a different version of the same building that lightmaps won’t function on replaces the static light mapped building. Really cool stuff!

Kommander Karl

160,498 views • 2 years ago

Design, build, and ship responsive data-driven layouts entirely with Rive

Design, build, and ship responsive data-driven layouts entirely with Rive

Guido Rosso

14,806 views • 1 year ago

Having used 3ds max for over 10 years with a lot of antiquated UI - seeing improvements to ui customisation in blender like this is so nice and refreshing.

Having used 3ds max for over 10 years with a lot of antiquated UI - seeing improvements to ui customisation in blender like this is so nice and refreshing.

Pilgrim

28,554 views • 11 months ago

One UI 7 is out of this world Its been completely revamped. First impressions by some is that it doesn't feel like One UI with how smooth it has gotten I'M SO EXCITED FOR IT 😳😳

One UI 7 is out of this world Its been completely revamped. First impressions by some is that it doesn't feel like One UI with how smooth it has gotten I'M SO EXCITED FOR IT 😳😳

CID

48,384 views • 1 year ago

Watters: Building and maintaining human civilization is a serious business. We can lose this country like that. The Roman empire, the British empire, here one day, gone the next

Watters: Building and maintaining human civilization is a serious business. We can lose this country like that. The Roman empire, the British empire, here one day, gone the next

Acyn

41,239 views • 1 year ago

I’ve completed 1/3 of the UI/UX design for the Chog Portal, and it has been a pleasure working with . His productivity is truly remarkable. This design phase was done in Figma, and several upcoming features will be implemented using the Rive. I’ll share more once they are released.

I’ve completed 1/3 of the UI/UX design for the Chog Portal, and it has been a pleasure working with . His productivity is truly remarkable. This design phase was done in Figma, and several upcoming features will be implemented using the Rive. I’ll share more once they are released.

ZhangLiu

18,011 views • 7 months ago

The Best Blender Tips of 2024 A #Blender thread 🧵 1. You can merge bones together with Ctrl + X

The Best Blender Tips of 2024 A #Blender thread 🧵 1. You can merge bones together with Ctrl + X

Grimsylvania

628,142 views • 1 year ago

This UI was one-shotted using a video as the prompt. It captures interactions, full flows, and animations — stuff that is typically painful to prompt for. Looking for early adopters to try our new Video → UI feature 👀

This UI was one-shotted using a video as the prompt. It captures interactions, full flows, and animations — stuff that is typically painful to prompt for. Looking for early adopters to try our new Video → UI feature 👀

Teddy Ni

30,802 views • 6 months ago

A little Rive game ui experiment.

A little Rive game ui experiment.

Drawsgood

28,078 views • 9 months ago

let's talk about Galaxy S23 Ultra One UI 6 Beta2 animation. Here is the video comparison, from which we can find several mistakes. 1. Compared with One UI 5.1, One UI 6 Beta2 gestures are unresponsive. Obviously, 5.1 has started to respond, and 6 beta2 stays in place like a fool. This is the root cause of the slowness you feel. 2. Compared with One UI 5.1, One UI 6 Beta2 animation is very simple, without the effect of wallpaper scaling, it looks very rigid and boring. 3. Compared with One UI 5.1 ，One UI 6 Beta2, there is almost no Gaussian blur effect. This is simply an animation made by elementary school students. It is the lowest-level design of human smartphone animation, and it is a garbage-level work that makes all colleagues laugh. Of course, I think Samsung will definitely change, but he is disgusting now. if beta3 does not change, I will continue to scold.

let's talk about Galaxy S23 Ultra One UI 6 Beta2 animation. Here is the video comparison, from which we can find several mistakes. 1. Compared with One UI 5.1, One UI 6 Beta2 gestures are unresponsive. Obviously, 5.1 has started to respond, and 6 beta2 stays in place like a fool. This is the root cause of the slowness you feel. 2. Compared with One UI 5.1, One UI 6 Beta2 animation is very simple, without the effect of wallpaper scaling, it looks very rigid and boring. 3. Compared with One UI 5.1 ，One UI 6 Beta2, there is almost no Gaussian blur effect. This is simply an animation made by elementary school students. It is the lowest-level design of human smartphone animation, and it is a garbage-level work that makes all colleagues laugh. Of course, I think Samsung will definitely change, but he is disgusting now. if beta3 does not change, I will continue to scold.

Ice Universe

121,005 views • 2 years ago

Despite volume, most Web3 projects are struggling. It seems like a good time to reiterate what JaduAVAs is building and what our fundamentals look like. 🧵 (1/10)

Despite volume, most Web3 projects are struggling. It seems like a good time to reiterate what JaduAVAs is building and what our fundamentals look like. 🧵 (1/10)

AJM

20,722 views • 3 years ago

How to built a chat UI that goes beyond plain text, using Artifacts and Store together with AI SDK Full implementation and repo ⬇️🧵

How to built a chat UI that goes beyond plain text, using Artifacts and Store together with AI SDK Full implementation and repo ⬇️🧵

Pontus Abrahamsson — oss/acc

52,691 views • 9 months ago

Coasting through a 10-1 run I really can do this is my sleep #I’mnotdream’n

Coasting through a 10-1 run I really can do this is my sleep #I’mnotdream’n

Sean Perry

41,107 views • 4 months ago

I really like 3D modeling detailed metallic accessories for my Vtuber clients! 😼 This shiny effect was made by using a hand painted matcap blended with the texture. With this, you can achieve a dynamic, camera based metallic effect.

I really like 3D modeling detailed metallic accessories for my Vtuber clients! 😼 This shiny effect was made by using a hand painted matcap blended with the texture. With this, you can achieve a dynamic, camera based metallic effect.

Nekochi 3D (bragok)

36,971 views • 9 months ago

1. Generate UI with gpt-image-2 2. Generate a normal map from the image 3. Dynamic lighting for UI components - raised elements actually cast shadows and get lit naturally.

1. Generate UI with gpt-image-2 2. Generate a normal map from the image 3. Dynamic lighting for UI components - raised elements actually cast shadows and get lit naturally.

Jacob Miller

57,009 views • 1 month ago