# Rive

React runtime for Rive

Repository: https://github.com/rive-app/rive-react
Canonical: https://ross.abutalabs.com/products/rive
Homepage: https://rive.app/docs/runtimes/react/react
Language: TypeScript
License: MIT
License Family: permissive
Topics: animation, react
Last push: 2026-09-02T21:19:31+00:00
Link (homepage): https://rive.app/docs/runtimes/react/react
Link (site_page): https://rive.app/docs/tutorials/learn-rive
Link (site_page): https://rive.app/docs/community/support
Link (site_page): https://rive.app/docs/getting-started/introduction
Link (site_page): https://rive.app/docs/editor/get-rive

## Health v2 (maintenance only)
Score: 100/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 100, release rhythm 100, longevity 100
- inputs: {"age_days": 1916, "days_push": 0, "days_rel": 1, "gap_med": 4, "n_releases_24m": 56}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1154, forks 58 (observed 2026-09-03T02:15:17.426647+00:00)

## What it is
Rive runtimes (rive-flutter, rive-react) are open-source client libraries for rendering and controlling Rive interactive animations (.riv files) in Flutter and React applications. They support state machine playback, data binding, events, and asset loading across mobile, web, and desktop platforms.

## Use cases
- render interactive rive animations in a flutter app
- play rive state machines in react
- bind real-time data to animated ui elements
- add animated illustrations and icons to a mobile app
- control animation playback from app state
- ship designer-built interactive graphics in a game

## When to choose
- you already use Flutter or React and want to embed Rive animations
- you need interactive, data-driven vector animation with small runtime footprint
- designers and developers want a shared pipeline from editor to production

## When to avoid
- you need a full animation authoring tool - the editor is a separate product
- you only need simple Lottie-style static animations without interactivity
- your platform has no supported Rive runtime

## Facets
- artifact type: library
- maturity: active
- function: animation, ui-components, graphics, sdk
- domain: frontend, mobile-development, web-development, graphics
- platform: cross-platform
- tags: rive, flutter, react, interactive-animation, vector-graphics, state-machines, runtime, game-development, web, mobile, desktop

## Member repositories
- rive-app/rive-react (sdk) score 100
- rive-app/rive-flutter (sdk) score 67

## Provenance
- Observed fields: from GitHub, fetched 2026-09-03T02:15:17.426647+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:32:30.472537+00:00, confidence not recorded.
  - readme: https://github.com/rive-app/rive-react (fetched 2026-09-03T02:15:17.426647+00:00, sha fd42d2ecf858)
  - homepage: https://rive.app/docs/runtimes/react/react (fetched 2026-08-29T11:36:59.044658+00:00, sha 437bb5fb2e57)
  - site_page: https://rive.app/docs/tutorials/learn-rive (fetched 2026-08-29T11:36:59.055565+00:00, sha 8f469023354c)
  - site_page: https://rive.app/docs/community/support (fetched 2026-08-29T11:36:59.057085+00:00, sha ab72195b75c8)
  - site_page: https://rive.app/docs/getting-started/introduction (fetched 2026-08-29T11:36:59.058588+00:00, sha 4a51e503973b)
  - site_page: https://rive.app/docs/editor/get-rive (fetched 2026-08-29T11:36:59.060204+00:00, sha cac045a7763c)
  - site_page: https://rive.app/docs/scripting/getting-started (fetched 2026-08-29T11:36:59.061845+00:00, sha 02537067ab58)
  - site_page: https://rive.app/docs/runtimes/getting-started (fetched 2026-08-29T11:36:59.063276+00:00, sha 51c9f86b7758)
  - site_page: https://rive.app/docs/runtimes/demos (fetched 2026-08-29T11:36:59.065009+00:00, sha fff577b5d09a)
- Data as of 2026-08-30T08:39:29.467469+00:00.