Blogging should be focused on writing great content. But writers, myself included, spend a ton of time creating link preview images to share on social.
Mugshot Bot automates the process, across your entire blog. Drop in one line of HTML and when you share your post on Twitter or Facebook a dynamic image is generated based on your content.
Pro accounts can automate images for their entire blog via a URL, including color and theme customizations. Free (forever!) accounts need to create images via the web UI first.
To celebrate the launch I've set aside some 50% off lifetime deals. There are a limited number available and will lock in your discounted rate forever. I hope you enjoy using Mugshot Bot as much as I enjoyed building it! Let me know if you have any questions on how I built it or what's coming next.
Being an agency, this tool helps us to much faster get og:image tags organised. Also, it organizes the design already. We want to focus on code and thus are not designers...
Based on our record, Anime.js seems to be a lot more popular than Mugshot Bot. While we know about 40 links to Anime.js, we've tracked only 2 mentions of Mugshot Bot. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Unique animation library | Anime.js Https://animejs.com/. - Source: dev.to / about 1 month ago
Anime.js (48.8k ⭐) — A lightweight library with a simple API that can animate HTML, CSS, JS, SVG and DOM attributes. It has a built-in staggering system, callbacks and controls, and various easing and animation effects. - Source: dev.to / about 2 months ago
This direct manipulation allows you to leverage robust animation libraries like GSAP or Anime.js, which require direct DOM access to perform optimally. - Source: dev.to / 2 months ago
Anime.js is celebrated for its simplicity, speed, and versatility. This compact library simplifies the animation process, enabling developers to craft visually striking animations with minimal effort. Anime.js supports a wide array of effects like scaling, morphing, and rotating, offering developers the tools to create complex timelines and animations with ease. - Source: dev.to / 3 months ago
Https://animejs.com/ As seen in their source code here:. - Source: Hacker News / 11 months ago
What an amazing story the one from Joe where he tells us how he built, scaled, and sold MugShotBot in 14 months! - Source: dev.to / over 2 years ago
Does anyone know how to find the implementation / service in use at github for this? The blog post has no additional details, nothing. I dug deep into this topic a few weeks ago and actually build a svg + placeholder => png render service. Also found https://mugshotbot.com/, which seem quite nice, but my approach is more a "bring your own svg". - Source: Hacker News / about 3 years ago
Pixi.js - Fast lightweight 2D library that works across all devices
Piar.io - Create beautiful custom link previews for all your social media channels in one place
GSAP - GSAP (GreenSock Animation Platform) is a suite of JavaScript tools for high-performance animations that work in all major browsers.
Linkz.ai - Automatic rich link previews on hover that keep visitors on your website
p5.js - JS library for creating graphic and interactive experiences
Link Preview Generator - Messenger style website preview for your favourite notes app