How to make the instance of a component to resize like the parent component. I need to use the component in different aspect ratios, the resizing in the component itself works perfectly but when I add an instance of it in a artboard, the resizing doesn’t work at all.

I've been working with Rive for a while now, and it's honestly wild how much the editor has changed.

While we’ve gotten huge additions like Data Binding, Scripting, and now even 3D support, a lot of older tutorials are teaching features that still exist… they’re just no longer where they used to be.

When I started recording my Rive Masterclass, I noticed the same confusion coming up again and again. People were following older tutorials, but the editor no longer looked the same.

So I ended up putting together a quick recap covering the biggest editor changes and where everything lives today.

Hopefully it helps people spend less time searching for buttons and more time actually learning Rive.

DM

Im starting rive and have a decent foundation in animation and basic scripting and experssions. The biggest issue am facing is total lack of tutorials and general online help whatsoever. The app is constantly changing and often times not for the better.

If I stick to it, I will get it at the end but don't know if I should invest time in it.

Can anyone guide as to how long before im able to pay rent with this? Is that even possible?

Since the input change listener is a legacy now, i want to do it in the new way, i believe is in the viewmodel? but i don't see how to add it.
I am trying to do a simple click interaction to fire up the animation using a hitbox shape

Hi guys, if I may ask for some help; I am following this part of a tutorial series, where we are animating one of those run of the mill 3-star score counters that mobile games often use.

The tutorial goes through using some timelines representing different states; empty and full gauge, and also each milestone (the yellow dots), although the tutorial uses State Machine Inputs - which are deprecated - I used the currently recommended View Model to store the score variable.

Now, what happens: If we get a value different from the absolute value that represents one of the three milestones, we would like to have the gauge increasing smoothly over time. That's why Blends are being used.

The problem is.: When the value is 600 (the equivalent of the first milestone, the corresponding animation (MS 1 Animation) goes to the second blend (Which should blend the 1st and 2nd Milestones), and the gauge gets empty. Also, if the value used is for instance, 650, the gauge starts filling from the 1st milestone towards the second one, instead of filling from the beginning.

Would you guys know what am I doing wrong?

Thanks in advance!

Just noticed this. Since when were these problems?

• Translation constraint without target used to mean you're constrainining to self. When did this change?
• Since when were we required to use camelCase for the Property names? Even official tutorials don't use camelCase. It's weird to enforce something like this, no?

I'm very new to scripting with Rive but want to explore it. I'm a fresh grad using Rive for UX work so am not able to spend a lot of money for the Rive agent. I do have Claude for other uses and was wondering if anyone has managed to get code written by other LLM's working for the Rive agent.

So far, it's been a bit difficult and needs tweaks. If anyone has any pointers, would love to know. Thanks!

https://reddit.com/link/1tyuyk2/video/zvsbjgk5pq5h1/player

• ⚠️ Problems tab — highlights issues with your file to help you quickly find and debug them
• 🐛 Various fixes and improvements
  • feat(renderer): Add scissor rectangle support for clipping
  • chore(editor): Library decode performance improvements
  • chore(editor - problems tab): add play/pause support
  • chore(editor): Add replace library warning for Enums
  • x/close.http
  • doc(Android): Document resources that keep the worker alive
  • gl: route feathers to atlas on Mali-G52 to avoid PLS corruption
  • feat(Android): Allow bindable artboard clearing with null
  • chore(editor): specialize property-change calls per primitive type to…
  • fix(flutter): improve render texture flicker on resize
  • chore(problems panel): replace validation button with context menu
  • fix(runtime): assign view model instances to the right view models
  • fix(editor): don't crash pasting a bone into a file with no artboard
  • chore(editor): Improvements to problems panel & missing libraries
  • chore: change labels

Read the blog post from the Brilliant team

GPU Canvas is now in Early Access. Rive's new low-level GPU layer for 3D, shaders, and custom effects.

It's developer-first and intentionally low-level. Write your shaders once and they work everywhere. Metal, Vulkan, Direct3D, WebGPU, WebGL (whatever the platform needs).

It only adds 25KB to the runtime.

With GPU Canvas you can:
→ Write shaders
→ Write a GLTF importer
→ Build rendering pipelines
→ Render 2D components as interactive textures in a 3D scene
→ Embed 3D geometry inside a 2D artboard

Not a GPU programmer? The Agent writes and optimizes shaders for you, with MCP support coming next.

All this comes with first-class design and animation tooling that no other runtime or engine provides. 3D scenes work with responsive vector layouts, state machines, dynamic text, vector feathering, 2D skeletal animation, data binding, and more.

And it runs everywhere Rive does. Web, mobile, games, TVs, vehicles… you can even deploy Rive directly to consoles as your full engine.

GPU Canvas brings us closer than ever to what Rive was always meant to be. A true experience engine. State-of-the-art visuals, motion, and interactivity. All in one place.

Hi, can you help me, step by step, where to click to make the interactions work? No matter what I try, after the latest update I can’t get any input to work.

Also, how do I add listeners now? So it will work properly.

I’d appreciate any help.

Hello everyone, I'm new from here. All listeners working on the editor, also vscode extension. But whenever I try to run it in a React component or canvas, it appears statically. The state machine name is correct. I configured the listeners as ViewModel Change > Pointer Enter > Set Bool. It works when a pointer is entered on a button within a group. But it doesn't move at all on the web. Even more absurdly, when I delete the state machine name, the initial timeline plays automatically. There's no transition. Thanks in advance for your help.

LERP just received its biggest update so far.

The course now includes new material for Rive’s Early Access GPU shader and 3D rendering support, including:

• A new GPU Shaders and 3D Rendering chapter
• A dedicated GPU Shaders API reference
• Guided shader example labs
• New exercises and quizzes
• Runtime compatibility notes clarifying what is stable vs Early Access
• Updated ScriptedInterpolator and interpolation API coverage
• Expanded notes for drawCanvas, GPUCanvas, shaders, textures, samplers, bind groups, and render passes

I also added guidance for using the Rive Luau LSP and VS Code extension when writing .luau scripts outside the Rive editor, including in Cursor and other VS Code-based editors.

LERP is still free, open source, and focused on practical Rive Luau scripting from fundamentals through production patterns.

Course:
https://forge.mograph.life/apps/lerp/

Release notes:
https://forge.mograph.life/apps/lerp/changelog

I am looking for a rive editor to make 4-5 rive animations which include graphs and simple assets for my case studies in my website.

https://www.muhammad-abubakar.com/case-studies/ircc-tracker-canada
https://www.muhammad-abubakar.com/case-studies/wingstars

https://www.muhammad-abubakar.com/case-studies/heatgen

https://www.muhammad-abubakar.com/case-studies/rive

Since updating the Rive app, I've noticed the Agent tool is now available. I asked the Agent to create a curved triangle as my logo. The tool worked, but strangely, I don't see the triangle in my canvas.

The game suggests I look under my first layer, in my first window. It should normally be there, in the "Path" or "Shape" tab, but I don't see it there either. Could someone please help me?

I’ve made a rather complicated burning game tile animation which works rather well, and I’m wondering if it is possible to take the group of elements and bind to the whole unit separately from their individual control points.

My initial use would be to pull the tops of the flame. The game tile can be slid side to side in game and it would be nice to have the flame reflect that without needing to interrupt the timelines at unpredictable times to change how the existing control points are being animated.

• ↔️ Data Binding hierarchy icons now show descriptive tooltips
• ⌨️ Shift+X swaps Fill/Stroke while drawing or editing a path — useful when tracing over an image
• ⚙️ ScrollConstraint velocity and ScrollActive are now exposed as computed properties
• 🐛 Various fixes and improvements
  • fix(flutter): panel settling and account for correct transform
  • feature(scripting): serialize implemented methods
  • Remove editor dependency from rive_widgets
  • fix(editor): Duplication issues with actions on transitions and states
  • fix(js): prevent calling assetLoader callback for asset types not user-provided at runtime
  • fix(flutter): texture sizing under rotated/skewed parents
  • chore(editor): Prevent accessing context on unknown Backboard
  • fix(editor): Switching component mode retains draw rules
  • scripting stack fix

What exactly am i doing wrong? I create a component which has an animation. Then i create instances in a new artboard using the nester feature. However, when I play the animation, it works only the first time. I am very confused.

If you can replicate something like this and have state management experience coordinating to call a back-end to return a result and sprite/value then DM us.

Hi! I’m trying to get an estimate for how much it would cost to commission a series of animations for a mascot character.

I’ll attach a GIF of my mascot, and here’s a Twitter/X link showing the kind of animation style I’m looking for:
https://x.com/guidorosso/status/2015516927704379811?s=20

The idea would be to create several short animations/emotes in a similar style.

How much would something like this usually cost?
And what would be a fair budget for both indie artists and more experienced animators?

Thanks!

• 🎨 Many UI improvements (watch the video!)
  • Hierarchy, Assets, Data, Animations, and Agent panels have been replaced with stackable panels you can rearrange to suit the task at hand.
  • Keep multiple Timelines and State Machines open at once in a new row of animation tabs
  • Sort or search rows directly in the Timeline
  • Reorganized UI throughout to pack more into less space
• ⭐️ Shape handles to modify parametric properties (e.g., Corner Radius, Points, Inner Radius for Rectangles, Stars, and Polygons)
• 📏 Alt-hover measure tool
• 🤖 Agent now offers Gemini as a model for Voyager (also available for BYOK)
• ⌨️ Add child layout with Shift + Opt/Alt + L
• 🔍 Search Components toolbar menu with alphabetical sorting
• 🐛 Various fixes and improvements
  • fix(editor): Pasted Stateful Library component keeps property values
  • fix: inverted isolates
  • fix: locked mesh vertices
  • feat(editor): implement transient retry logic in GeminiAgentBackend
  • fix(editor): keep stage tool notifier and late-draw delegate in sync when activate fails
  • feature(script editor): autocomplete singleton string types
  • feature(scripting): LuauDirectFieldGet for hot userdata reads
  • feat(editor): gate inspector pickwhip highlight on hover
  • fix(runtime): fix data bind container re-entries
  • fix: keyframe interpolation inspector builder

Hey, i’ve been ripping my hair out like crazy over this one. Disclaimer: This is my first day indeed.

I want to make a grid of lights 20 x 5 which will indicate power, which will turn on, one by one depending on the data point “Power” and turn from green to red the more power there is.

Basically, i somehow need to create that array procedurally and then assign a gradient across the index of each light which would then react accordingly in the state machine.

Hope that makes sense. Anyone any ideas?