Relive

A live animation system, powered by React.

Goals

• Work 95% of the time.
• Be extremely easy to set up. Look at tests/pseudo.txt for how it might work.
• Require a maximum of one (1) js file for it to work on your end.
• Ideally it should just be: npx relive index.jsx
• Have the delay between starting an animation on the remote and it playing in the viewer be fast enough that it’s basically real time.
• All code should be easy to understand and well commented.

Status

• Get communication between Remote and Viewer routes working.
• Create UI for remote route.
• Create viewer React code.
• Figure out how to make the viewer play animations.
• Create CLI for Relive.
• Docs.

Previous Art

• Remotion basically the same as what Relive aims to achieve, but for static video. A lot of Relive’s API is based on Remotion’s.

Relive is pronounced like React and Live-streaming squished together.