{"library":"replay-viewer","title":"Replay Viewer","description":"A React component and utility library for rendering Rocket League replay data in WebGL using Three.js. Current stable version is 0.9.1, with an active release cadence. Key differentiators include tight integration with React, support for custom loadouts via rl-loadout-lib, and built-in playback controls using Material-UI. Ships TypeScript types. Targeted at developers building Rocket League replay analysis tools or interactive viewers. Peer dependencies include React 17, Three.js 0.139, and Material-UI 4.9.","language":"javascript","status":"active","last_verified":"Fri May 01","install":{"commands":["npm install replay-viewer"],"cli":null},"imports":["import { ReplayViewer } from 'replay-viewer'","import { ReplayControls } from 'replay-viewer'","import { useReplayViewer } from 'replay-viewer'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import React from 'react';\nimport { ReplayViewer } from 'replay-viewer';\n\nfunction App() {\n  const replayUrl = 'https://example.com/replay.json';\n  return (\n    <ReplayViewer\n      url={replayUrl}\n      width={800}\n      height={600}\n      autoplay={false}\n      enableLoadout={true}\n    />\n  );\n}\n\nexport default App;","lang":"typescript","description":"Shows basic usage of the ReplayViewer component with a replay URL, dimensions, and autoplay disabled.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}