正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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.

Philip Chung

1,490 subscribers

31,612 次观看 • 1 年前 •via X (Twitter)

教育科学技术

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.

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.

🎙️ 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!

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;

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 次观看 • 10 天前

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.

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.

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

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?

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

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 个月前

🥁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! ❤️

🥁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,188 次观看 • 1 个月前

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.

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 年前

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

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

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.

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 次观看 • 12 天前

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! 🧵👇

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!

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 年前