Chris Messina

Spirit - The animation tool for the web.

Spirit Studio is an animation tool that helps designers and developers creating and managing their animations real time in the browser.

✔︎ Super easy to use

✔︎ Live edit animations directly on your web page

✔︎ Animate SVG/HTML

✔︎ Timeline editor

✔︎ Import/export JSON and play animations in production using the Web Player

Add a comment

Replies

Best
Jonathan Kelley

I would say they need to do a lot more tutorials or guides so beginners can get to grips with it easily.

Pros:

Smooooth as butter animations.

Cons:

Steep learning curve.

Jonno Riekwel
What a "dutch" pricing model haha. I usually like seeing the app before spending money on it. But I'm surprised that there's not even a screenshot of what the tool looks like and how it might work. Looking forward to giving it a try when there's a trial version.
Amrith
I remember seeing this few months ago when it was still a concept/private beta, can't wait to play with it now that it's finally out! What features do you plan on adding to this soon, @patrickbrouwer?
Patrick Brouwer
@amrith Some really nifty features are on the roadmap, to list a few: - Custom ease (draw your ease curve) - Group in groups, compose master timelines together - Bi-directional communication - Free transform tool on your web page - SVG path editing tool - Add Javascript objects to timeline (live edit for example a ThreeJS camera) - Design-tool integrations - Design-tool agnostic integration (drop a SVG on the app, changes are reflected on the web page instantly and can be animated without any effort). - A lot more! So excited!
d a n n y
"Price Elasticity of Demand"
Lee Qixian
How does this compare to animating in say Premiere Pro and then exporting and using Lottie to render it? From the looks of it this is much more lightweight and hence maybe easier to learn?
Bader Bouta
@swiftpolar You'll learn Lottie in 30 minutes, it's super easy!
Lee Qixian
@bader_bouta I'm actually a Lottie user myself :) That's why I was wondering how would Spirit fit in. I did see the output and it is really decent as well, hence the comparison of the products.
Bader Bouta
@swiftpolar They nowhere close to even fitting with the ridiculous price they charge now.
Lorenzo Bruno
Nothing against Spirit in itself but to be honest I feel like this "web animations" thing is going out of control, just like we lost control of it with Flash. Plus, these days if you are designer you are expected to spend $50+ a month to design and prototype even the simplest app. At some point we'll realise we over engineered the process so much we'd be better off coding the thing rather than designing it using 3 or more different pieces of software.
Jason Sooter
No Trial is ridiculous! Available soon is not an acceptable response. Product Hunt is failing me lately
Patrick Brouwer
Aviran Revach
Wow 12$ billed Yearly (144$), 15$ quarterly (that's 180$ Yearly😱). Not even a month based price. that is really awful. Just out of curiosity, who are your audience ? It should have been Freelancers and small Agencies- they are the first who cares about these kind of animations, and this price really TOTALY missed that audience. Freelancers are not going to pay half of their "Sketch" price on an small early stage animation software, they really can't. these animation are cool but they are not worth as a whole webflow account, really. It should have been like this 1) Free for use, with downgraded exporting. maybe without, like webflow. 2) 8$ for a *monthly* account you guys. especially if these are the features available today. it is really not worth better than that (yet! this is very promising if we get additional value and need less software around it) 3) 5$ for a yearly. thats 60$. this is high but fair for TODAY. If adobe will update Animate for these features (and they should have, for a long time), or webflow, or even Studio for invision- that whole thing is compromised. that's why i'd grab those newbies today, and those freelancers. get them addicted and loyal while you can. And with these prices? this product is only for enterprises :/
Platon Lukyanov
It is really interesting product! Planning to use it next time!
Nik Shilov
@Patrickbrouwer, is there any possible way to use my designs in sketch/figma/illustrator/whatever ? It'd be definitely better to try out the spirit before buy it.
Patrick Brouwer
@nikmnk All you need is a SVG, so yes you can use your favourite design-tool and animate it with Spirit 🙌