Loading video...

Video Failed to Load

Go Home

I turned my portfolio site into an interactive prototype 🎛️ You can tune the style, motion curve, and speed of my intro animation built with 50+ states in Rive - now live at 🎚️

bruce_CQT's profile picture

Bruce Cao

3,092 subscribers

70,670 views • 7 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Open for work! - Motion Designer I make explainer and documentary-style videos. I also do saas explainers Currently exploring Rive & Framer to bring more interactivity into my work. Portfolio below 👇
0:50

Open for work! - Motion Designer I make explainer and documentary-style videos. I also do saas explainers Currently exploring Rive & Framer to bring more interactivity into my work. Portfolio below 👇

Kamil

12,978 views • 4 months ago

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 views • 2 years ago

🕹️ Turning drawings into XR worlds you can play in. I built a POC for Spectacles that turns imagination into reality. My niece drew a picture and with the help of Mirage 2, I brought it to life in an interactive environment.
0:43

🕹️ Turning drawings into XR worlds you can play in. I built a POC for Spectacles that turns imagination into reality. My niece drew a picture and with the help of Mirage 2, I brought it to life in an interactive environment.

Stijn Spanhove

36,913 views • 11 months ago

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,381 views • 6 months ago

Onewheel turned a crazy garage prototype into one of the most iconic rides in the world. I met with Onewheel founder & CEO Kyle Doerksen to dig into how it’s built, the wild origin story, and why every board is manufactured in the USA. Highlights: (00:00) Intro (01:54) Meet Onewheel (07:44) How it’s Made (10:34) The Future of Motion
14:19

Onewheel turned a crazy garage prototype into one of the most iconic rides in the world. I met with Onewheel founder & CEO Kyle Doerksen to dig into how it’s built, the wild origin story, and why every board is manufactured in the USA. Highlights: (00:00) Intro (01:54) Meet Onewheel (07:44) How it’s Made (10:34) The Future of Motion

Ritwik Pavan

34,122 views • 11 months ago

My new portfolio site is finally live at ✨ I’ve been putting in work, and I’m proud of how it turned out. Check it out and let me know what you think.
0:51

My new portfolio site is finally live at ✨ I’ve been putting in work, and I’m proud of how it turned out. Check it out and let me know what you think.

Ajide Victor | Webflow Developer

17,685 views • 1 year ago

I built an interactive visualization of the Central Dogma. You can speed it up or slow it down. You can set the length of genes, the initiation rates of ribosomes, protein decay rates, and more.
0:33

I built an interactive visualization of the Central Dogma. You can speed it up or slow it down. You can set the length of genes, the initiation rates of ribosomes, protein decay rates, and more.

Niko McCarty.

30,929 views • 11 months ago

Rive now works on Google App Ads! 🎉 Bring interactive, motion-rich experiences to your campaigns. Now you can design ads that stand out from the crowd and connect more deeply with your audience.
0:32

Rive now works on Google App Ads! 🎉 Bring interactive, motion-rich experiences to your campaigns. Now you can design ads that stand out from the crowd and connect more deeply with your audience.

Rive

28,384 views • 1 year ago

Sneak peek of my first portfolio with Three.js! I’m trying to make my portfolio into an interactive 3D experience like a game! Explore different areas and get to know more about me as you play around. 😁 #threejs #R3F #b3d #blender
0:37

Sneak peek of my first portfolio with Three.js! I’m trying to make my portfolio into an interactive 3D experience like a game! Explore different areas and get to know more about me as you play around. 😁 #threejs #R3F #b3d #blender

wora_work

12,000 views • 1 year ago

made an update to my digital garden, you can water the plants now 𖡼.𖤣𖥧𖡼.𖤣𖥧 (check it out at my portfolio footer)
0:29

made an update to my digital garden, you can water the plants now 𖡼.𖤣𖥧𖡼.𖤣𖥧 (check it out at my portfolio footer)

emmi ✶

118,869 views • 9 months ago

I got tired of my best work rotting in folders. So I built my own playground. Not a portfolio. A place to actually show the stuff. And the page itself is an interaction study. Built entirely with Claude Code. WIP. Still slightly buggy. Desktop only for now.
0:34

I got tired of my best work rotting in folders. So I built my own playground. Not a portfolio. A place to actually show the stuff. And the page itself is an interaction study. Built entirely with Claude Code. WIP. Still slightly buggy. Desktop only for now.

Tyrone C.

26,860 views • 24 days ago

MY SCENE AND INTRO POSES!! Can you tell i used most of my hour on the intro poses
0:27

MY SCENE AND INTRO POSES!! Can you tell i used most of my hour on the intro poses

CROY

11,633 views • 1 year ago

My entry for the Rive Impossible UI challenge ✨ I gave myself an extra challenge: to build a small story around the interface. So I made an alien planetary catalog. For them, Earth is an oxygen-water hazard. And some planets that are deadly for humans might actually be viable for them. Fully built in Rive: data binding, state machines, scripted components, sounds, and much more. You can play with it live here: Thanks for the challenge, Rive. This was really fun 👽 #impossibleuiwithrive
0:23

My entry for the Rive Impossible UI challenge ✨ I gave myself an extra challenge: to build a small story around the interface. So I made an alien planetary catalog. For them, Earth is an oxygen-water hazard. And some planets that are deadly for humans might actually be viable for them. Fully built in Rive: data binding, state machines, scripted components, sounds, and much more. You can play with it live here: Thanks for the challenge, Rive. This was really fun 👽 #impossibleuiwithrive

Yarik

27,435 views • 3 months ago

Project update: Our new product configurator is live. • Fully responsive, perfect on mobile. • Visually rich with instant, smooth feedback. • Connected to backend data, with exports and email integration built in. Try it: I started to create a team, and with Mykhailo Nykoliuk, we rebuilt the concept from the ground up - turning ideas into live configurators, creating a repeatable build system, and pushing our 2D workflow to deliver faster, easier, better. Now, with Rive fully integrated into your website, it’s no longer “just an animation” - it’s a fully interactive web instrument. You can connect it to your own controls, buttons, and inputs so customers can configure, explore, and interact in real time. We’re ready to take on complex builds. If you’ve got an idea, let’s talk.
0:29

Project update: Our new product configurator is live. • Fully responsive, perfect on mobile. • Visually rich with instant, smooth feedback. • Connected to backend data, with exports and email integration built in. Try it: I started to create a team, and with Mykhailo Nykoliuk, we rebuilt the concept from the ground up - turning ideas into live configurators, creating a repeatable build system, and pushing our 2D workflow to deliver faster, easier, better. Now, with Rive fully integrated into your website, it’s no longer “just an animation” - it’s a fully interactive web instrument. You can connect it to your own controls, buttons, and inputs so customers can configure, explore, and interact in real time. We’re ready to take on complex builds. If you’ve got an idea, let’s talk.

Daria Nevezhyna

12,820 views • 11 months ago

“Could you please give me some tips on how I can start an international business?” I didn’t type that. I spoke it — and Typeless turned my voice into clean, natural text. Typing slows ideas down. Speaking sets them free. 👉 Try Typeless : And write at the speed of thought.
0:35

“Could you please give me some tips on how I can start an international business?” I didn’t type that. I spoke it — and Typeless turned my voice into clean, natural text. Typing slows ideas down. Speaking sets them free. 👉 Try Typeless : And write at the speed of thought.

Parul Gautam

67,242 views • 9 months ago

If your hero section doesnt have an interactive ASCII shader, did you even really make an ASCII Animation app? This is my first time making a landing page. Any of my super talented site designer friends want to roast so I can make it better?
0:20

If your hero section doesnt have an interactive ASCII shader, did you even really make an ASCII Animation app? This is my first time making a landing page. Any of my super talented site designer friends want to roast so I can make it better?

Cameron Foxly

74,762 views • 8 months ago

MagicPath is now available as an official plugin for Cursor. Give Cursor an infinite canvas where you can view and edit interactive code, build apps that are instantly sharable. Use your local files, skills, etc. And with Composer 2.5 you can design at the speed of thought ⚡️
0:30

MagicPath is now available as an official plugin for Cursor. Give Cursor an infinite canvas where you can view and edit interactive code, build apps that are instantly sharable. Use your local files, skills, etc. And with Composer 2.5 you can design at the speed of thought ⚡️

Pietro Schirano

28,176 views • 1 month ago

to better build in public, I made my new feed site to show more behind the scenes: double-click into a 3D coordinate to see how long each prototype took, when it was made, and how much is procedural vs keyframed 🎛️ work in progress still, just hit my opus limit 😬
0:44

to better build in public, I made my new feed site to show more behind the scenes: double-click into a 3D coordinate to see how long each prototype took, when it was made, and how much is procedural vs keyframed 🎛️ work in progress still, just hit my opus limit 😬

Bruce Cao

10,301 views • 3 months ago

I built a Claude skill that makes motion-style animation. > Paste a reference image > It generates frames with Nano Banana 2 > and animates the video with Seedance 2.0 Everything runs in Claude through the Arcads MCP Comment "Motion", and I'll send you the skill
0:25

I built a Claude skill that makes motion-style animation. > Paste a reference image > It generates frames with Nano Banana 2 > and animates the video with Seedance 2.0 Everything runs in Claude through the Arcads MCP Comment "Motion", and I'll send you the skill

Romain Torres

413,672 views • 25 days ago

Introducing DeepGraph - now live for any public GitHub repo... for FREE! Navigate codebases with complete understanding of dependencies, nodes, and relationships. Turn any repository into an interactive knowledge graph you can chat with.
0:35

Introducing DeepGraph - now live for any public GitHub repo... for FREE! Navigate codebases with complete understanding of dependencies, nodes, and relationships. Turn any repository into an interactive knowledge graph you can chat with.

Daniel San

43,807 views • 1 year ago