Mockoops: Create lively animated mockups from screen recordings instantly
Mockoops is an exceptional web-based utility that effortlessly transforms mundane and uninspiring screen recordings into breathtaking animated mockups in mere seconds. Its simplicity combined with its powerful features make it an absolute game-changer. And the best part? It is all powered by the remarkable React technology.
Features
- Experience lightning-fast rendering capabilities thanks to the implementation of Serverless Functions
- Full drag and drop support
- Get a real-time preview of your updates as soon as you make changes to the parameters
- Enjoy responsive video templates that adapt perfectly to any screen size
- Choose from a wide variety of templates specifically designed for different scenarios, ensuring you find the perfect fit for your needs
- Benefit from long-term caching techniques that significantly reduce rendering times and enhance overall performance
- Switch effortlessly between Light Mode and Dark Mode, either manually or based on your device preferences
Tech Stack
- 🔥 NextJS - Because it's one of the best frontend JS Frameworks
- ▶️ Remotion - For the video and rendering
- 🪣 Linode S3 Storage - For quickly storing uploaded video files in storage buckets
- 💅 Sass - For making the app look beautiful
- 🌱 MongoDB (w/ Linode) - For caching renders with the same input params
- 🔫 React Recoil - For app-wide state management
- 🍞 React Hot Toast - For the notifications
- 🎉 React Confetti - For the joyous animations
- 💦 React Drop zone - For handling advanced drag-drop animations
License
- MIT License
