Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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

Eğitim Bilim & Teknoloji

Anya Rossi• Live Now

Private livecam show

4 Yorum

Kamil Bachanek profil fotoğrafı

Kamil Bachanek1 yıl önce

@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 profil fotoğrafı

CodeRabbit1 yıl önce

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

Robin | Game dev ᕕ(ᐛ)ᕗ profil fotoğrafı

Robin | Game dev ᕕ(ᐛ)ᕗ1 yıl önce

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

Philip Chung profil fotoğrafı

Philip Chung1 yıl önce

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

Benzer Videolar

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

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

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

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 görüntüleme • 11 gün önce

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

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

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

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

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

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

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

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

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

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 görüntüleme • 13 gün önce

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

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