Our products are used & loved by
Ready to get started?
From Our Blog
How to convert Sketch to GIF
GIF
How to convert Sketch to GIF
How to Design Animations with Sketch
How to Design Animations with Sketch
Timeline 2.0  Interaction Design
Timeline 2.0  Interaction Design
Drag and drop layers in each state to animate.
Work faster with all states laid out,
just like artboards.
Transition from state to state with interactions.

For example, we have here day and night states.
Create States
State 1
State 2
1 Sec
1 Sec
Timeline is a Sketch plugin. It allows you to work end-end inside Sketch.
All your creations, from animations to interactions are saved right into your Sketch file.
Work in Sketch
Start Free
Satisfy Your 
Perfectionism
Design Interactions and Export to Code,
All Inside Sketch.
The non-hand-waving tool to communicate interaction design
Designers
Work in Sketch, End-to-End
Create Animated Interactions
Export Code, HTML / JS / CSS
Developers
No more guess work.
Communicate through code.
No Dependencies.
Get Pure HTML / JS / CSS
States, Transitions, & Actions Included
CodePen, JSFiddle, or Inspect in Browser
Add click, hover or a timer to trigger state transitions.
Use the Timeline to perfect transition timing & curves.

For example, a click on the switch jumps between states.
Interactions
Tap me!
Symbols, artboards & groups can all turn into interactive components. Components may contain other components, just like nesting symbols in Sketch.

For example, a screen may have multiple buttons.
Nested Components
Start Free
© Anima App 2018
FAQ
|
Blog
|
Community
|
Support
Blog
Tutorial
Pricing
Ta-da! Created something cool?
Wanna make it to your live product?

Hand over some code to the development team,
or embed it in your site.

Developers can’t read GIFs, but they do speak code.
Save them hours, hand them code.

Exports are pure HTML / JS / CSS, no dependencies.
Export HTML & CSS
Export Code
Run
© Anima App 2018
FAQ
|
Blog
|
Community
|
Support
Our products are being used & loved by
Start Free
Ready to get started?
From Our Blog
How to convert Sketch to GIF
GIF
How to convert Sketch to GIF
How to Design Animations with Sketch
How to Design Animations with Sketch
Timeline 2.0  Interaction Design
Timeline 2.0  Interaction Design
Ta-da! Created something cool?
Wanna make it to your live product?

Hand over some code to the development team,
or embed it in your site.

Developers can’t read GIFs, but they do speak code.
Save them hours, hand them code.

Exports are pure HTML / JS / CSS, no dependencies.
Export HTML & CSS
Symbols, artboards & groups can all turn into interactive components. Components can contain other components, just like nested symbols in Sketch.

For example, a screen can have multiple nested buttons.
Nested Components
Hover me!
Click me!
I’m a Timer :)
Add click, hover or a timer to trigger state transitions.
Use the Timeline to perfect transition timing & curves.

For example, a click on the switch jumps between states.
Interactions
Drag and drop layers in each state to animate.
Work faster with all states laid out, just like artboards.
Transition from state to state with interactions.

For example, we have here day and night states.
Create States
State 1
State 2
1 Sec
1 Sec
State 0
State 1
Export Code
Run
Timeline is a Sketch plugin. It allows you to work end-end inside Sketch.
All your creations, from animations to interactions are saved right into your Sketch file.
Work in Sketch
Satisfy Your Perfectionism
Design Interactions and Export to Code, All Inside Sketch.
Community
Community
Blog
Blog
Tutorial
Tutorial
Pricing
Pricing