rive.rip

Visit at rive.rip.

A better alternative to preview .riv files, because the official previewer is not good enough. Intended use is for teams, where developers and animators are different people. The common problem is that developers can't preview the state machine without Rive itself or the .rev file.

Originally made for use internally at Spellr to preview animations made by our animators.

Features

1. Play Individual Animations (like the official previewer)
2. Play with State Machines (new feature)

Progress

• [x] Install NextJS and Shadcn
• [x] Create simple UI for uploading .riv file
• [x] Printing out the content of the .riv file
• [x] Display file size of .riv file
• [x] Displaying file metadata (artboard names, state machine names)
• [x] Handle file errors and unsupported files gracefully
• [x] UI enhancements for better layout and resizing
• [x] Preview state machine interactions
• [x] Finalize full support for boolean, trigger, and number inputs
• [ ] Code snippets for .riv components