What is Animockup used for?

Animockup is a free, MIT-licensed browser-based tool for creating animated device mockups and product teasers, with 20-plus mockup frames and customizable export settings. It is a good fit for creating product teaser videos for marketing and mocking up an app screenshot in an animated device frame.

Is Animockup open source?

Yes. Animockup is open source under the MIT licence. Its source code is on GitHub at alyssaxuu/animockup and is written mainly in JavaScript.

Yes. Animockup is open source, so the software itself is free to use. A managed cloud version is also available.

Can I self-host Animockup?

Yes. Animockup can be self-hosted on your own server or infrastructure.

What are some alternatives to Animockup?

Similar open-source tools in the Design category include Poster Design, Doop and Visual Center. SaaS products in the same category include Jitter, Adobe Creative Cloud and Adobe Fresco.

Is Animockup actively maintained?

The most recent commit to Animockup was on 2 July 2022. The project has 1.9k stars on GitHub.

Animockup: open-source design

About Animockup

Animockup is a web-based design tool for creating animated mockups to showcase a product, such as an app screen displayed inside an animated phone or tablet frame. It is aimed at marketers, indie developers and designers who want polished product teaser videos without using a full video-editing application.

Users add a video or image of the product, choose from more than 20 device mockups and frames, crop and reposition the footage within the mockup screen, customize the background with gradients, add text and images, and select start and end animations from several presets. Export settings cover video duration, animation easing, frame rate, output format and resolution, giving fairly granular control over the final rendered video.

Animockup is primarily offered as a hosted web tool, with the code also available for self-hosting, which requires setting up a Firebase project for authentication and either removing or reconfiguring Paddle, the subscription payment provider used by the hosted version. It uses jQuery, Fabric.js, FFMPEG and Anime.js among its libraries, is written in JavaScript, and is released under the MIT license.

Key features

20-plus device mockup frames
Gradient background customization
Start and end animation presets
Adjustable duration, easing, framerate and resolution
Self-hostable with your own Firebase project

Good fit for

→Creating product teaser videos for marketing
→Mocking up an app screenshot in an animated device frame

Built with: JavaScript
Tags: design-tool; mockup; marketing; animation; javascript; video-editing; self-hosted

Animockup: questions and answers

What is Animockup used for?: Animockup is a free, MIT-licensed browser-based tool for creating animated device mockups and product teasers, with 20-plus mockup frames and customizable export settings. It is a good fit for creating product teaser videos for marketing and mocking up an app screenshot in an animated device frame.
Is Animockup open source?: Yes. Animockup is open source under the MIT licence. Its source code is on GitHub at alyssaxuu/animockup and is written mainly in JavaScript.
Is Animockup free?: Yes. Animockup is open source, so the software itself is free to use. A managed cloud version is also available.
Can I self-host Animockup?: Yes. Animockup can be self-hosted on your own server or infrastructure.
What are some alternatives to Animockup?: Similar open-source tools in the Design category include Poster Design, Doop and Visual Center. SaaS products in the same category include Jitter, Adobe Creative Cloud and Adobe Fresco.
Is Animockup actively maintained?: The most recent commit to Animockup was on 2 July 2022. The project has 1.9k stars on GitHub.