Skip to content

Periodic jank frames during Rive animation playback #624

@eli1stark

Description

@eli1stark

Description

Since migrating to rive 0.14.x, we've noticed that many of our animations produce occasional jank frames, even though they render fine ~95% of the time (under 5ms per frame). The jank appears as periodic single-frame hitches clearly visible in DevTools performance overlay, occurring roughly every 30-40 seconds in examples that we provided with no apparent trigger from app code.

This reproduces across three animation files of varying complexity:

Animation Description
Flat Simple, stripped-down animation with no complexity
Feather Extension of Flat with the Feather feature enabled
Component Feather Uses components to build the logo (reusing the same component)

All three variants consistently produce jank. The three test files are intentionally stripped-down versions of our production animation to isolate the issue — our prod animation, which is more complex, exhibits the same behavior.

Steps to reproduce

  1. Clone the reproducible example repo: https://github.com/eli1stark/rive_stutter
  2. Run on a physical iOS device (primarily tested there)
  3. Open DevTools → Performance Overlay
  4. Monitor the animation for 1–2 minutes
  5. You should observe periodic jank frames

All three animation variants (selectable via segmented button in the app) reproduce the issue.

Reproducible example

Repository: https://github.com/eli1stark/rive_stutter

The repo contains a minimal Flutter app with three .riv files and a segmented button to switch between them. The .rev source files for all three animations are also included in the repo (assets/logo_flat.rev, assets/logo_feather.rev, assets/logo_component_feather.rev).

Environment

  • rive (Flutter): 0.14.5
  • Flutter: 3.41.5 (stable channel)
  • Dart: 3.11.3
  • Renderer: Factory.rive
  • Primary test device: Physical iOS device

Expected behavior

Animations should play smoothly without periodic jank frames.

Actual behavior

Periodic jank/stutter frames appear roughly every 30-40 seconds. The issue is reproducible across all three animation variants consistently.

Dev Tools

Screen.Recording.2026-04-09.at.10.09.11.AM.mov

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions