This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
SVG Stroke Studio
Turn your SVG logos/icons into hand-drawn animations
A single-purpose tool that does one thing well instead of a motion suite you rent forever. You upload your SVG, trace the path a pen would take across your logo/icon. That stroke becomes a mask, and your artwork is revealed as it draws. Per-stroke width, order and pauses defined, then export animated SVG, MP4, WebM or GIF. No account, no sign-in, your artwork is never stored. Free to use and preview. $3.50 once per project to export. No subscription.
I built this for myself then productised it out of curiosity.
I wanted my logo to animate as if hand-drawn. My first port of call was Claude and Claude Design, but a model has no way of knowing the order or direction a person would actually draw the marks in. Most of the other tools I found are built around motion graphics; an animated SVG is an output they can't produce. So I set about solving it directly: you trace a rough centreline over your artwork, and that line becomes a mask that reveals the original file as it draws.
I'm launching here to ask fellow designers and developers a straight question: would you use this?
About SVG Stroke Studio on Product Hunt
“Turn your SVG logos/icons into hand-drawn animations”
SVG Stroke Studio was submitted on Product Hunt and earned 4 upvotes and 1 comments, placing #64 on the daily leaderboard. A single-purpose tool that does one thing well instead of a motion suite you rent forever. You upload your SVG, trace the path a pen would take across your logo/icon. That stroke becomes a mask, and your artwork is revealed as it draws. Per-stroke width, order and pauses defined, then export animated SVG, MP4, WebM or GIF. No account, no sign-in, your artwork is never stored. Free to use and preview. $3.50 once per project to export. No subscription.
On the analytics side, SVG Stroke Studio competes within Design Tools, Icons and Logo Design — topics that collectively have 273k followers on Product Hunt. The dashboard above tracks how SVG Stroke Studio performed against the three products that launched closest to it on the same day.
Who hunted SVG Stroke Studio ?
SVG Stroke Studio was hunted by Jon Darke. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of SVG Stroke Studio including community comment highlights and product details, visit the product overview.
Jon Darke