Mockoops: Create lively animated mockups from screen recordings instantly

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

Resources

Read more