Animockup 2.0

Create stunning product teasers with animated mockups

3.0•2 reviews•

93 followers

Create stunning product teasers with animated mockups

3.0•2 reviews•

93 followers

•

•

Animockup is a web-based tool that helps you create animated mockups for your product teasers. Add gradient backgrounds, browse through 20+ mockups, customize the export settings, and much more.

Free Options

Launch tags:Web App•Design Tools•Productivity

Launch Team

Screenity

Maker

Hey Product Hunt 👋 Whenever I have a new product launch, I like to create a short teaser video that showcases its features to share on Twitter and Product Hunt. They tend to be pretty effective, getting a lot of engagement on Twitter (for example, for Sonuum I got ~400K impressions in a tweet with the teaser 📈) and helping me get to the top of Product Hunt (like Mapus, with over 1.2K upvotes, #2 top product of the day, and #3 of the week 🏆). I built Animockup for this purpose a year ago, making it easier to create product teasers without having to use tools like After Effects (which are expensive and a bit complicated to use). Today I decided to relaunch it to help you create even more beautiful product teasers, so you can get more engagement on your product launches and announcements ✨ Here are some of its features: 📹 Add a video or image of the product you want to showcase 📱 Choose from 20+ device mockups and frames ✂️ Crop and reposition your video in the mockup screen 🎨 Customize the background, with gradients ✏️ Add text and images to enhance your video 🪄 Choose the start and end animations from multiple presets ⏱ Set the video duration and change the easing of the animation 🎚️ Set the framerate, export format, and resolution ...and much more! Hope you like it, and feel free to share any feedback, I really appreciate it! ❤

Report

5yr ago

@alyssaxuu omg, I’ve been looking for something like this for forever 😩 so happy you made this, it looks super slick and easy to use. Definitely gonna give it a roll

Report

5yr ago

Screenity

Maker

@techronin Thanks! Hope you like it :)

Report

5yr ago

VEED

@alyssaxuu Great work as always Alyssa!

Report

5yr ago

Screenity

Maker

@sab8a Thanks Sabba!

Report

5yr ago

daily.dev

@alyssaxuu Fantastic Alyssa! Good luck with the launch!

Report

5yr ago

Upvote Bell

Hello, congrats on the launch, love your design :) Add a video or an image - don't work :( How to delete the device from canvas?

Report

5yr ago

Screenity

Maker

@nikolay_siabrenko Thanks! What do you mean it doesn't work? Which file type are you uploading? Should work for png, jpg, mp4, mov, webm... And you can't delete the device since it's supposed to be a tool for mockups, would kind of ruin the point of it I think xP

Report

5yr ago

Upvote Bell

@alyssaxuu I trying to upload a jpg image.

Report

5yr ago

Screenity

Maker

@nikolay_siabrenko Ah I see, I was using the wrong MIME type, image/jpg instead of image/jpeg. Fixed it! :)

Report

5yr ago

I was looking for something like this just last week! Excited to try it out:) Congrats on your launch!

Report

5yr ago

Screenity

Maker

@lara_marie_winterhalter Thanks, hope you find it useful! :)

Report

5yr ago

Vectorly

Great set of mockups and animations, the only difficulty is that it's not possible to scale the mockup proportionally holding shift button as in other image editors.

Report

5yr ago

Screenity

Maker

@marenkovcyril Thanks! That's a Fabric.js feature, when you hold shift it unlocks the aspect ratio. You can scale proportionally by scaling normally without holding any key. I will investigate to see if I can disable that though :)

Report

5yr ago

Vectorly

@alyssaxuu thanks for you answer, thats not obvious, interaction pattern is very different from other editors, maybe it's easier to add an explainer than change the whole code 👀

Report

5yr ago

Screenity

Maker

@marenkovcyril Just updated it, will scale the mockup proportionally holding shift now :)

Report

5yr ago

Vectorly

@alyssaxuu damn, the fastest feedback update that i've ever seen 😀 Thank you!

Report

5yr ago

Sealit

Cooool! ^_^ Amazing tool! Thank you for realizing and sharing this with us! It surely gives many possibilities for creations of interesting teasers without struggles! Can't wait to try it! ^_^

Report

5yr ago

Screenity

Maker

@maria_brm Thank you!

Report

5yr ago

Sealit

@alyssaxuu Could you tell me please in which format is possible to save a project? Does Animockup 2.0 enable us to save it as a gif or in some video format perhaps? :)

Report

5yr ago

Screenity

Maker

@maria_brm Hi, in the free version you can export the video as WEBM, but in the pro version you can also export as MP4 and GIF (as well as in different resolutions + framerates) :)

Report

5yr ago

Sealit

@alyssaxuu Great! *_* Thanks a lot for the answer!

Report

5yr ago

Stunning tool as always from Alyssa. Animockup remembers me a web version of Rotato. It would be great to have 3D animations in the future.

Report

5yr ago

Screenity

Maker

@jolgalarza Thank you! I'll try to implement 3D in a 3.0 version using Three.js :)

Report

5yr ago

Looks cool! "Made with 💙 by Alyssa X" - The 'X' on the top right corner looks like a close button. Without thinking, I clicked on it twice to discard my draft & start a new one... 😅

Report

5yr ago

Screenity

Maker

@joyal Lol oops. Guess I'll have to change my name xD

Report

5yr ago

1 2 3 4

3.0

Based on 2 reviews

Review Animockup 2.0?

Reviews

Most Informative