Загрузка видео...

Не удалось загрузить видео

На главную

Build UI interactions in Rive like this smooth, responsive disclosure inspired by Nitish Khagwal. Using the Layout direction feature (in Early Access), it just takes a single property to add support for RTL languages and you can populate your text dynamically at runtime.

philterdesign's profile picture

Philip Chung

1,490 subscribers

31,612 просмотров • 1 год назад •via X (Twitter)

ОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 4

Фото профиля Kamil Bachanek
Kamil Bachanek1 год назад

@rive_app @nitishkmrk With over a time, this kinda animations makes me thinking that rive is actually the future tool for UI/UX Designers...

Фото профиля CodeRabbit
CodeRabbit1 год назад

AI-first pull request reviewer with context-aware feedback, line-by-line code suggestions, and real-time chat.

Фото профиля Robin | Game dev ᕕ(ᐛ)ᕗ
Robin | Game dev ᕕ(ᐛ)ᕗ1 год назад

@rive_app @nitishkmrk This ends up being in a canvas, or does it generate html/css?

Фото профиля Philip Chung
Philip Chung1 год назад

@rive_app @nitishkmrk On web it renders to a canvas.

Похожие видео

Got inspired by Resend's keyboard component, made something similar using pure CSS. This way, its configurable during runtime, so you can change the text and colour to your liking.
0:30

Got inspired by Resend's keyboard component, made something similar using pure CSS. This way, its configurable during runtime, so you can change the text and colour to your liking.

balint

185,581 просмотров • 1 год назад

🎙️ Dictate in Multiple Languages in #VSCode Dictation can detect your language and turn your speech into text using a local model. You can use it in Chat, the editor, and the integrated terminal.
0:41

🎙️ Dictate in Multiple Languages in #VSCode Dictation can detect your language and turn your speech into text using a local model. You can use it in Chat, the editor, and the integrated terminal.

Visual Studio Code

27,733 просмотров • 1 месяц назад

How to Build a Creative Business: The Rippaverse Way This is our first text-based book, a new direction for us, and I'm excited to share it with you. This should be helpful for aspiring creators in various creative fields. Thanks for your support!
1:13

How to Build a Creative Business: The Rippaverse Way This is our first text-based book, a new direction for us, and I'm excited to share it with you. This should be helpful for aspiring creators in various creative fields. Thanks for your support!

Eric July

42,923 просмотров • 7 месяцев назад

Found this if your UI still feels dead after you ship it. - React micro-interactions and transitions - Buttons, cards, loaders, you copy them in - CLI to add one at a time, open source link;
0:29

Found this if your UI still feels dead after you ship it. - React micro-interactions and transitions - Buttons, cards, loaders, you copy them in - CLI to add one at a time, open source link;

Manish Kumar

19,098 просмотров • 11 дней назад

I made this site entirely in Figma using Locofy.ai Responsive layout, breakpoints, pages, animations. The code is near perfect and exportable to React w/ styles, components and variables. For simple sites like portfolios and landing pages, you can do everything in Figma.
0:43

I made this site entirely in Figma using Locofy.ai Responsive layout, breakpoints, pages, animations. The code is near perfect and exportable to React w/ styles, components and variables. For simple sites like portfolios and landing pages, you can do everything in Figma.

Meng To

32,205 просмотров • 2 лет назад

If you can explain what you know to a friend, you can build an AI Agent from it. B3MO now walks you through the process using a built-in guide, turning your expertise into a working agent on AgentSuite. No invite yet? Register at for early access.
0:30

If you can explain what you know to a friend, you can build an AI Agent from it. B3MO now walks you through the process using a built-in guide, turning your expertise into a working agent on AgentSuite. No invite yet? Register at for early access.

VeChain

55,153 просмотров • 2 месяцев назад

Floating action button. Inspired by Persona 5/Metaphor: Refantazio menus. The tricky part was making the next menu phase appear just as the previous one was leaving. This was supposed to go on the Days Sober daily check-in feature, but it got canned. Content, logic, and app framework in Swift. UI in Rive
0:27

Floating action button. Inspired by Persona 5/Metaphor: Refantazio menus. The tricky part was making the next menu phase appear just as the previous one was leaving. This was supposed to go on the Days Sober daily check-in feature, but it got canned. Content, logic, and app framework in Swift. UI in Rive

FitzChivalry

17,405 просмотров • 1 год назад

I built a service desk agent using ElevenLabs’ new Conversational AI Agents feature. Watch the video to see how responsive it is! Previously, I used ElevenLabs for cloning my voice and used my generated voice for narrations in some of my youtube videos. This feature takes elevenlabs' voice AI to a whole new level! It simplifies systems that used to require separate TTS (text-to-speech) and STT (speech-to-text) processes for both sides of the conversation. Now, it’s much simpler! Create your own agent here What will you create with this?
3:29

I built a service desk agent using ElevenLabs’ new Conversational AI Agents feature. Watch the video to see how responsive it is! Previously, I used ElevenLabs for cloning my voice and used my generated voice for narrations in some of my youtube videos. This feature takes elevenlabs' voice AI to a whole new level! It simplifies systems that used to require separate TTS (text-to-speech) and STT (speech-to-text) processes for both sides of the conversation. Now, it’s much simpler! Create your own agent here What will you create with this?

Melvin Vivas

27,722 просмотров • 1 год назад

You can now literally clone your voice in the Grok API and use it instantly for voice-powered services Build your own assistant and customer support that takes your calls and runs your business with your voice It’s incredibly easy to set up and takes less than 4 mins to train your voice Just select "Clone a Voice" and read the prompt exactly as shown For the best results, record in a quiet room so Grok can capture your voice as clearly as possible You can also choose from an amazing built-in voice library, with support for 20+ languages and multiple expressive voice options
0:53

You can now literally clone your voice in the Grok API and use it instantly for voice-powered services Build your own assistant and customer support that takes your calls and runs your business with your voice It’s incredibly easy to set up and takes less than 4 mins to train your voice Just select "Clone a Voice" and read the prompt exactly as shown For the best results, record in a quiet room so Grok can capture your voice as clearly as possible You can also choose from an amazing built-in voice library, with support for 20+ languages and multiple expressive voice options

X Freeze

79,165 просмотров • 4 месяцев назад

This process ain't easy, it takes time. And in Houston, we love the work. Available tomorrow at 9am in the CF team store. Get early access to Single Game Tickets when you buy.
0:39

This process ain't easy, it takes time. And in Houston, we love the work. Available tomorrow at 9am in the CF team store. Get early access to Single Game Tickets when you buy.

Houston Astros

128,457 просмотров • 1 год назад

🥁Big news... UI Customization on Mobile!! This is a generational feature request! Customize your layout exactly how you like and we'll save your preferences. See one extreme example in the video below. Arriving this weekend. Send your appreciation to Epic_Tank! ❤️
0:21

🥁Big news... UI Customization on Mobile!! This is a generational feature request! Customize your layout exactly how you like and we'll save your preferences. See one extreme example in the video below. Arriving this weekend. Send your appreciation to Epic_Tank! ❤️

Badimo

62,425 просмотров • 1 месяц назад

Built a full website in under 60 minutes using Grok Build. Insane. One prompt: “Create a website for my whale watching tours business in Hermanus… generate images…” Grok Build just runs. You answer a few questions in the meantime. Voilà. What Grok Build actually does: * Creates the full project; folders, structure, ready to go * Generates custom images; no stock, no uploads * Builds the site; layout, sections, pricing * Adds features; gallery, booking form, interactions * Writes styling; responsive, clean, animated * Handles logic; menus, forms, smooth UX * Runs it locally; live and testable instantly No dragging blocks. No templates. Just built. This is execution, not assistance. xAI
1:19

Built a full website in under 60 minutes using Grok Build. Insane. One prompt: “Create a website for my whale watching tours business in Hermanus… generate images…” Grok Build just runs. You answer a few questions in the meantime. Voilà. What Grok Build actually does: * Creates the full project; folders, structure, ready to go * Generates custom images; no stock, no uploads * Builds the site; layout, sections, pricing * Adds features; gallery, booking form, interactions * Writes styling; responsive, clean, animated * Handles logic; menus, forms, smooth UX * Runs it locally; live and testable instantly No dragging blocks. No templates. Just built. This is execution, not assistance. xAI

Mario Nawfal

297,470 просмотров • 3 месяцев назад

Built a full website in under 60 minutes using Grok Build. Insane. One prompt: “Create a website for my whale watching tours business in Hermanus… generate images…” Grok Build just runs. You answer a few questions in the meantime. Voilà. What Grok Build actually does: • Creates the full project; folders, structure, ready to go • Generates custom images; no stock, no uploads • Builds the site; layout, sections, pricing • Adds features; gallery, booking form, interactions • Writes styling; responsive, clean, animated • Handles logic; menus, forms, smooth UX • Runs it locally; live and testable instantly No dragging blocks. No templates. Just built. This is execution, not assistance. xAI
1:19

Built a full website in under 60 minutes using Grok Build. Insane. One prompt: “Create a website for my whale watching tours business in Hermanus… generate images…” Grok Build just runs. You answer a few questions in the meantime. Voilà. What Grok Build actually does: • Creates the full project; folders, structure, ready to go • Generates custom images; no stock, no uploads • Builds the site; layout, sections, pricing • Adds features; gallery, booking form, interactions • Writes styling; responsive, clean, animated • Handles logic; menus, forms, smooth UX • Runs it locally; live and testable instantly No dragging blocks. No templates. Just built. This is execution, not assistance. xAI

Mario Nawfal

117,116 просмотров • 3 месяцев назад

GPU Canvas is now live for everyone. Rive's low-level GPU layer for 3D, shaders, and custom effects is out of Early Access and in the production editor today. Write your shaders once in WGSL. Rive compiles them for Metal, Vulkan, Direct3D, WebGPU, and WebGL. It adds 25KB to the runtime.
0:52

GPU Canvas is now live for everyone. Rive's low-level GPU layer for 3D, shaders, and custom effects is out of Early Access and in the production editor today. Write your shaders once in WGSL. Rive compiles them for Metal, Vulkan, Direct3D, WebGPU, and WebGL. It adds 25KB to the runtime.

Rive

27,213 просмотров • 13 дней назад

You won’t believe what I just tested—this might be the craziest thing I’ve tried in months! Kling AI gave me early access to their Custom Face video model, and everything you see was done using text to video. This feature is about to change everything. 📌 Bookmark for later! 🧵👇
1:16

You won’t believe what I just tested—this might be the craziest thing I’ve tried in months! Kling AI gave me early access to their Custom Face video model, and everything you see was done using text to video. This feature is about to change everything. 📌 Bookmark for later! 🧵👇

Pierrick Chevallier | IA

99,744 просмотров • 1 год назад

Finally, MCP servers can now deliver UI-rich experiences! MCP servers in Claude/Cursor don't offer UI any experience yet, like charts. It's just text/JSON. mcp-ui lets you add interactive web components to its output that can be rendered by the MCP client. 100% open-source!
0:41

Finally, MCP servers can now deliver UI-rich experiences! MCP servers in Claude/Cursor don't offer UI any experience yet, like charts. It's just text/JSON. mcp-ui lets you add interactive web components to its output that can be rendered by the MCP client. 100% open-source!

Avi Chawla

123,784 просмотров • 1 год назад