Chris Messina

Jitter 1.0 - A fast and simple animation tool on the web 💫

by
Top Hunter

Create stunning animations for your videos, websites, or apps, in 3 simple steps: 1. Design → Start from scratch, Figma, or a template 🎨 2. Animate → Use presets, or create your own animations ✨ 3. Export → Video, GIF, and Lottie 🎬 All in your browser!

Add a comment

Replies

Best
Sébastien Robaszkiewicz
Thank you so much for hunting us @chrismessina! 🙏 Hey Hunters 👋 We’re so excited to launch Jitter 1.0 and share it with you today!! Jitter is a fast and simple motion design tool on the web. You can easily create stunning animations for your videos, websites, apps, socials, content, and more – it’s like Figma but for motion design. 💫 Two years ago, we launched our beta on Product Hunt and the feedback from the community has been incredible. We've had hundreds of conversations with designers, founders, marketers and developers, and we used that to make our tool even more accessible and powerful: we introduced animation presets, the ability to import designs from Figma, more export formats, and several productivity improvements. Our users now say that Jitter is the fastest and simplest tool to create animated content & interfaces, for individuals. And this year, we want to make Jitter the **best animation tool for professionals**: designers, teams, and businesses. When @etienn and I started Jitter, we had one mission in mind: **make motion design accessible to everyone**. This new version is just the first step towards that mission. In this release, we are bringing a complete UI overhaul to make Jitter look more professional yet playful, and a ton of new features to make you more productive. But most importantly, this is the foundation on which we’ll build the future of our platform over the next few years. In 2023, we’re planning to add teams and collaboration features, infinite canvas with multiple artboards, custom animation presets, and more… The future is exciting and we can’t wait to show you everything we have in store!! 💡 **How can you help?** 1. Try Jitter – it’s easy to get started: you can start from scratch, import designs from Figma, or start from a template 2. Give us feedback so we can make Jitter better FOR YOU 3. Share it with your design and content teams, and with your designer friends – we would LOVE to get their feedback too 🎁 **And here’s a little gift for you: the first 3 months are on us** We want to thank you for all the valuable feedback and support you’ve given us. Here’s a code you can use this week only to get 25% off your annual subscription: PH2023. We can’t wait to hear your feedback! – Robi and the Jitter Team PS: I’m available for an AMA all day :)
William Ferrell
@robi - Do you have a team of expert Jitter consultants or could you recommend any? I sent you an email :) Would love some help finding someone that can leverage the hell out of your awesome tool.
Sébastien Robaszkiewicz
@william_ferrell1 We don't have an official directory yet, but some people started to organize themselves on Twitter!
Sébastien Robaszkiewicz
@chrismessina @etienn @noyanidin Hey Noyan! You can use the coupon during the checkout process
James
@chrismessina @etienn @noyanidin @robi Just been experimenting with my first animations and seems awesome! The PH2023 code isn't working for me in the checkout though, says expired :(
Mathieu Boulet
Animating a design has always been a hard skill to master, and I always felt like we needed a modern alternative to Adobe After Effects – minus the steep learning curve. Jitter is evolving every day in the best possible manner to give back to the creative community and make motion design simple, fast, and more accessible.
Luper Rouch
Amazing animation tool, makes motion design intuitive!
Victor Gorovoy
Wow-wow-wow! How about hi-res outputs? Any maxsize in pixels or not? If it's in Full HD it can be a game changer 🚀🚀🚀 Thank you for such great product, anyway 💫
Sébastien Robaszkiewicz
@victor_gorovoy Thanks Victor! For now, exports are capped at 2140 (width and height), but that'll be easy to unlock 4K and more
Sébastien Robaszkiewicz
@victor_gorovoy at you service!
Denis Galka
Wow! My congratulations on the launch on the Product Hunt! 🎉 I watched your promo video, which is so fast as on x3 speed. 😄 One day I need a short animation for my sequoia.health startup. I decided not to order and made it on my own. I used Adobe After Effects. Honestly, it was so difficult for me. There are hundreds of buttons and options. I spent there for half a day and gave up. Is it easy to make animation with Jitter? How do you help newbies to learn?
Luper Rouch
@denis_galka Jitter is regarded as very easy to use, even by non experienced users :) There are tutorials on the youtube channel: https://www.youtube.com/@JitterV...
Denis Galka
@jittervideo @jitterv @luper_rouch Super! Special thanks for the video tutorials. I checked the link. There are lots of them. I think this is an essential part, for a project like this. I definitely want to try Jitter. My best wishes with further developing 🚀
Sébastien Robaszkiewicz
@jittervideo @jitterv @luper_rouch @denis_galka Awesome Denis, let us know what you think after you try it!!
Kseniya Es
Wow, that's looks amazing! Definitely will try it ☀️ As a designer, who uses animation in every project I'm so tired of constant switch between figma, AI, Ae, lottiefiles... Can you tell me more about Webflow integration? I see, that we're able to export lotties, but are you planning to make export directly to webflow native animation functions?
Sébastien Robaszkiewicz
@kseniya_es Awesome, love this use case! As for Webflow, for now we're only supporting the Lottie export format. Would you like to find something else?
Kseniya Es
@robi Right now, it's more efficient to animate simple stuff directly in Webflow. I'm talking headlines, appearing animations, all these little things. It would be too much to have .json files for all of this, in my experience 10+ has already started bugging. So we use lotties only for some bigger and more complex things :) Don't know if it's even possible, but it would be pretty nice to export simple animations directly to webflow native functions. Anyway, best wishes for your project, cant wait to try it ☀️
Sébastien Robaszkiewicz
@kseniya_es Thanks for the feedback Kseniya, this is super helpful!
Ilya Mansurov
Still can't get started on motion in after effects, but jitter would be an exception to begin with, thanks!
Sébastien Robaszkiewicz
@ilyamansurovv That's our goal!
Jasper Ruijs
@robi Stunning UX! 😍 I love the speed to value. 🚀 Some questions: 1. Would users prefer to see the most popular/ most used templates first? 2. Since millions of designers use Figma, is it wise to highlight that connection on the starting screen? 3. Does it make sense to use a lock emoji for the sign-in button? I thought that I wasn't allowed to click on that button. 4. Would it make sense to show the amount of PH likes on your website as well, since you are #1? 5. I did not opt-in for the email; would it be wise to have the option to do that later in the settings? 6. If you use a template, isn't it logical that it automatically creates copy since you can already see what it looks like if you hoover? 7. Would it make sense to make three tiers of pricing? Free, Premium, and Enterprise? You always have people who want to buy the most expensive option. Also, 12$ compared to 150$ seems like a bargain, while 12$ next to 0 seems like a steal. Good luck with your launch today; I hope you win the product of the day!
Sébastien Robaszkiewicz
@jas801 Thanks for the feedback Jasper, that's super helpful!! Agreed on all points, thanks for sharing :)
Dzimica
💡 Bright idea
Congrats on your launch, guys <3 I'm using Jitter from day one and fell in love with it. I'm too overwhelmed with After Effects. You guys are on the right track and I really hope you'll listen to the community, but at the same time listen to your intuition of how the product should look like. I'm using Jitter primary for Lottie files and here are some suggestion I would like you to add: - stroke animations - path animations - text animations - resize animations I wish, more than anything, to use Jitter as my go to tool <3
Sébastien Robaszkiewicz
@dzimica thank you so much for the feedback Dzimica, this is super helpful!! Love theses suggestions to improve the Lottie exports – we're actually working on a huge improvement on our data pipeline that will make all of this possible – stay tuned!
Dzimica
@robi Thank you 🙏 Community needs more tutorials for you guys and templates so that people can see what Jitter is capable of...and it's more than capable. I've seen some threads on Twitter with some awesome work from many talented people. Jitter in the hands of talented people is best marketing you guys can get. If you need any help to compile it, please reach out <3
Sébastien Robaszkiewicz
@dzimica 💯 Can't agree more! Will reach out next week, once the craze of the PH launch is a bit behind us :)
Olivier Coutureau
Can’t wait to work with the tool on a daily basis. Looks really promising. Congrats to the team. Jitter forever.
Arsen Kolyba
Congrats on launching v1 of Jitter. I've been following your product for the last few months and it's evolving rapidly which is nice to see. Your recent rebrand also brought the product to that next level. I wonder what's next for Jitter?
Sébastien Robaszkiewicz
@arsen_kolyba Thank you so much for the kind words Arsen! So many things next: enabling teams to work together, multi-artboard and animated components, custom easings and animation presets… and that's just for the editor! Many things in the work to better serve the Community too
Nicolas Steegmann
The ultimate app for motion design!
Sébastien Robaszkiewicz
@nicosteeg Love that one-liner 😃 Thanks Nico!
Claire Bablon-Muller
Jitter is so cool and so easy to use, congratulations to the design team for the export page, it feels like something fresh, clean and nice is happening and then it is ♡
Sébastien Robaszkiewicz
@claire_bablon_muller @claire_bablon_muller Thanks Claire!! Ha ha, yes, it actually took a lot of time to design that Export page. At first we went for a classic layout with a page that scrolls. But then we said “hey, this is the last step for the user, let's go the extra mile and offer an outstanding experience!”. And boom 💥
Steeve
Hello, it seems like a nifty tool for designing animations. I was wondering, how do you integrate animations into websites/applications? What are the performances? do you have benchmarks? @robi
Sébastien Robaszkiewicz
@steevep Hey Steeve! If you want to integrate your animations in websites and apps, you can use the Lottie export format: it's a vector animation format developed by Airbnb and many other members from the community, and it's optimized for performance (and interactivity). It's becoming pretty popular among the Design and Developer community these days, and all the website builders like Framer and Webflow support it.
Steeve
@robi Thank you for your answer, it is clear now. I already heard about the Lottie format, now I have to try it. Congrats on the launch!
Max
You guys made motion so simple 🍰 I love it!! Go Jitter 🔥🔥🔥
Sébastien Robaszkiewicz
@mxcrbn Thanks for the kind words Max! On our mission to make motion accessible to everyone
Eduardo Ronzano
Thank you for bringing Motion Design to the modern age! Such a simple yet powerful tool 🤩
Etienne Albert
Thanks for the kind words Eduardo! 🙏
Sébastien Robaszkiewicz
@eronzano Thanks a lot Eduardo!
Axel C. de Verdière
Amazing tool, and the 1.0 is packed with so much improvements! A must-have for motion design
Sébastien Robaszkiewicz
@axelcdv Thank you so much for your support Axel!! ✨
Frederic Chatoux
Motion at its best !
Sébastien Robaszkiewicz
@frederic_chatoux Thank you so much Frederic!!
Shubham Pratap Singh
Congratulations on the launch🎉
Sébastien Robaszkiewicz
@shubham_pratap Thank you so much Shubham!!
Ghislain De Juvigny
Useful, fast, simple!
Sébastien Robaszkiewicz
@ghislain_de_juvigny Thanks for your support Ghislain!!