{"id":13880697,"url":"https://github.com/rive-app/rive-react","last_synced_at":"2025-06-24T15:42:18.243Z","repository":{"id":36951014,"uuid":"373845970","full_name":"rive-app/rive-react","owner":"rive-app","description":"React runtime for Rive","archived":false,"fork":false,"pushed_at":"2024-11-22T16:28:05.000Z","size":5157,"stargazers_count":835,"open_issues_count":46,"forks_count":31,"subscribers_count":10,"default_branch":"main","last_synced_at":"2024-11-23T07:34:41.614Z","etag":null,"topics":["animation","react"],"latest_commit_sha":null,"homepage":"https://rive-app.github.io/rive-react","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rive-app.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-06-04T13:11:40.000Z","updated_at":"2024-11-22T16:22:24.000Z","dependencies_parsed_at":"2023-02-10T18:15:53.288Z","dependency_job_id":"352a01cb-6114-4a86-988c-75e169ffcb71","html_url":"https://github.com/rive-app/rive-react","commit_stats":{"total_commits":414,"total_committers":17,"mean_commits":"24.352941176470587","dds":0.6207729468599034,"last_synced_commit":"38b0a1cc8638c0e1406c5cc7e3305875cb1f3c3a"},"previous_names":[],"tags_count":168,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rive-app%2Frive-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rive-app%2Frive-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rive-app%2Frive-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rive-app%2Frive-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rive-app","download_url":"https://codeload.github.com/rive-app/rive-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226148890,"owners_count":17581048,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","react"],"created_at":"2024-08-06T08:03:24.377Z","updated_at":"2025-06-24T15:42:18.231Z","avatar_url":"https://github.com/rive-app.png","language":"TypeScript","readme":"![Build Status](https://github.com/rive-app/rive-react/actions/workflows/tests.yml/badge.svg)\n![Discord badge](https://img.shields.io/discord/532365473602600965)\n![Twitter handle](https://img.shields.io/twitter/follow/rive_app.svg?style=social\u0026label=Follow)\n\n# Rive React\n\n![Rive hero image](https://cdn.rive.app/rive_logo_dark_bg.png)\n\nA React runtime library for [Rive](https://rive.app).\n\nThis library is a wrapper around the [JS/Wasm runtime](https://github.com/rive-app/rive-wasm), giving full control over the js runtime while providing components and hooks for React applications.\n\n## Table of contents\n\n- :star: [Rive Overview](#rive-overview)\n- 🚀 [Getting Started \u0026 API docs](#getting-started)\n- :mag: [Supported Versions](#supported-versions)\n- :books: [Examples](#examples)\n- :runner: [Migration Guides](#migration-guides)\n- 👨‍💻 [Contributing](#contributing)\n- :question: [Issues](#issues)\n\n## Rive overview\n\n[Rive](https://rive.app) is a real-time interactive design and animation tool that helps teams create and run interactive animations anywhere. Designers and developers use our collaborative editor to create motion graphics that respond to different states and user inputs. Our lightweight open-source runtime libraries allow them to load their animations into apps, games, and websites.\n\n:house_with_garden: [Homepage](https://rive.app/)\n\n:blue_book: [General help docs](https://rive.app/community/doc/)\n\n🛠 [Rive Forums](https://rive.app/community/forums/home)\n\n## Getting started\n\nFollow along with the link below for a quick start in getting Rive React integrated into your React apps.\n\n- [Getting Started with Rive in React](https://rive.app/community/doc/react/docRfaSQ0eaE)\n- [API documentation](https://rive.app/community/doc/parameters-and-return-values/docJlDMNulDh)\n\nFor more information, see the Runtime sections of the Rive help documentation:\n\n- [Animation Playback](https://rive.app/community/doc/animation-playback/docDKKxsr7ko)\n- [Layout](https://rive.app/community/doc/layout/docBl81zd1GB)\n- [State Machines](https://rive.app/community/doc/state-machines/docxeznG7iiK)\n- [Rive Text](https://rive.app/community/doc/text/docn2E6y1lXo)\n- [Rive Events](https://rive.app/community/doc/rive-events/docbOnaeffgr)\n- [Loading Assets](https://rive.app/community/doc/loading-assets/doct4wVHGPgC)\n\n## Supported versions\n\nThis library supports React versions `^16.8.0` through `^18.0.0`.\n\n## Examples\n\nCheck out our Storybook instance that shows how to use the library in small examples, along with code snippets! This includes examples using the basic component, as well as the convenient hooks exported to take advantage of state machines.\n\n- [Mouse tracking](https://codesandbox.io/s/rive-mouse-track-test-t0y965?file=/src/App.js)\n- [Accessibility concerns](https://rive.app/blog/accesible-web-animations-aria-live-regions)\n\n### Awesome Rive\n\nFor even more examples and resources on using Rive at runtime or in other tools, checkout the [awesome-rive](https://github.com/rive-app/awesome-rive) repo.\n\n## Migration guides\n\nUsing an older version of the runtime and need to learn how to upgrade to the latest version? Check out the migration guides below in our help center that help guide you through version bumps; breaking changes and all!\n\n[Migration guides](https://rive.app/community/doc/migrating-from-v3-to-v4/dociIPXVHKFF)\n\n## Contributing\n\nWe love contributions! Check out our [contributing docs](./CONTRIBUTING.md) to get more details into how to run this project, the examples, and more all locally.\n\n## Issues\n\nHave an issue with using the runtime, or want to suggest a feature/API to help make your development life better? Log an issue in our [issues](https://github.com/rive-app/rive-react/issues) tab! You can also browse older issues and discussion threads there to see solutions that may have worked for common problems.\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frive-app%2Frive-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frive-app%2Frive-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frive-app%2Frive-react/lists"}