Rive Playground is an open-source tool that helps explore, preview, and edit Rive https://rive.app/ files directly in the browser without needing to open Rive Editor or rebuild the application. With just a drag-and-drop action, you can check the entire ViewModel structure, edit runtime data such as text, numbers, colors, images, states, and triggers, while seeing the results update instantly. The tool also supports managing data in a nested structure (Nested ViewModel), replacing animations, exporting configurations in multiple formats, and becoming a "DevTools" specifically for Rive. Rive Playground helps Developers, Designers, QA, and LiveOps significantly shorten testing time, reduce inter-departmental dependencies, and accelerate the development process as well as operate dynamic interfaces with an intuitive, fast, and efficient experience.

RivePlayground
Inspect artboards, control ViewModel properties in real-time for Rive

Inspect artboards, control ViewModel properties in real-time for Rive.
Auto-translated ·
Reviews & comments
Have you used this product? Leave a review!
Quá tiện, sửa được nested ui
Đầy đủ tool, không cần đăng ký license vẫn dùng được tool xịn
Thanks b đã ủng hộ
Tiện, tiết kiệm
Dễ sử dụng, không phải mua gói subs của Rive vẫn dùng được
Thanks b, nếu có issues gì để lại feedback giúp mình nhé
Việc xây dựng một DevTools chuyên dụng cho Rive trực tiếp trong trình duyệt là một ý tưởng rất hữu ích. Công cụ của bạn giải quyết đúng điểm đau khi nhà phát triển phải mở lại Editor hoặc rebuild ứng dụng chỉ để kiểm tra thay đổi nhỏ. Mình gợi ý bạn nên hoàn thiện tagline hiện tại. Phần "and expo" ở cuối có vẻ bị cắt ngắn hoặc chưa rõ ý. Hãy viết một dòng ngắn gọn hơn, khoảng 60 ký tự, nêu rõ giá trị cốt lõi như "Inspect, edit, and preview Rive animations in your browser instantly". Ngoài ra, thêm một video demo ngắn sẽ giúp người dùng hiểu nhanh hơn cách sử dụng các tính năng chính. Bạn cũng có thể viết thêm hướng dẫn bắt đầu nhanh trên GitHub để giảm rào cản entry cho người dùng mới.