3 ms·
After noticing how hard it was to create shots on Dribbble without the proper tools (e.g. After Effects), I decided to work on a tool to create animated mockup
by alyssaxuu 7y ago
After noticing how hard it was to create shots on Dribbble without the proper tools (e.g. After Effects), I decided to work on a tool to create animated mockup videos and GIFs on the web, for free. Using FabricJs I added a fully interactive canvas, and I thought I might as well add the option to add textboxes and images for more complex designs.
I've also open sourced the code, so if anyone wants to create something similar or expand on the concept you are completely free to (and encouraged to!) :)
- davecyen 7y agoI’m looking into fabricJS for a project I’m working on too. Did you try other libraries like konva?
- alyssaxuu 7y agoI actually didn't, but I'm pretty sure it is similar in terms of capabilities. I liked FabricJs because of its thorough documentation, having lots of examples, and because I saw a strong community on GitHub and other places. FabricJs was a bit counter intuitive in some aspects though, for example the way it handles the rendering in the canvas made it pretty hard for me to be able to get a video / GIF out of it leading me to have to use a pretty complex setup. Image scaling is also a bit odd in terms of how it deals with cropping/stretching, so that was a bit messy for getting source footage and putting it within a region in a device.