Anima App
p/anima-app
Design to Code, Automated
Or Arbel
Timeline 2.0 for Sketch β€” Interaction design for Sketch + export code
Featured
9
β€’

Timeline 2.0 is a Sketch plugin that enables designers to create interactive components in Sketch, and export to HTML/CSS.

It's also the most advanced way to communicate to developers how an interactive design should work.

Developers get a fully functional HTML/JS/CSS component and can inspect it and even see its code.

Replies
Or Arbel
Hey everyone! πŸ‘‹ We're excited to officially launch Timeline 2.0 on Product Hunt! πŸ‘Š Timeline 2.0 offers designers the ability to create live, interactive components in Sketch, and export HTML/JS/CSS. Components can have: * States * Transitions * Actions * Custom easing-curves animations and more The best part is that once designers finish designing all the interactions, they can be exported to real functional HTML/JS/CSS code! The code can be either embedded as is, or inspected by developers. Believe it or not, but the entire website of Timeline (https://timeline.animaapp.com) was made by @michal, our co-founder/designer, without writing a single line of code. πŸ™Œ The website has many interactive elements to it and they were all done with Timeline. So by all means, try it out, let us know what you think πŸ™ Feel free to ask us anything πŸ˜ƒ
Justin Mitchell
Our team LOVES Timline and we’ve been creating some amazing animations with it. It’s been great to be able to stay in Sketch and not have to learn new tools just for a single animated graphic.
Or Arbel
@itsthisjustin Thank you, Justin!
Itay Dressler
As a software developer who aspires to create rich animated interactions, this product is a dream come true. Keep up the good work guys! πŸ’ͺ🀩
Avishay Cohen
@itayd Thanks!!
Uri Nachmias
Awesome work!
Ghost Kitty
Comment Deleted
Perica Giffard
We like to use Timline to on work and making amazing animations with help of it!