© Anima App 2018
ImageImageImageImageImageImageImageImageImageImage
Our products are being used & loved by
Ready to get started?
Image
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
Image
Image
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
ImageImageImageImageImageImage
HI!
Image
Image
Image
ImageImageImageImageImageImage
Image
ImageImage
Image
Image
Image
Image
Image
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
ImageImage
State 1
State 2
1 Sec
ImageImageImageImage
1 Sec
ImageImageImageImage
ImageImage
Image
ImageImageImage
Image
Image
Image
ImageImageImageImage
State 0
State 1
ImageImage
Image
ImageImage
ImageImage
Export Code
Image
ImageImage
Image
Image
Run
Image
Image
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
ImageImageImage
ImageImageImage
ImageImageImageImageImage
ImageImageImageImageImage
Our products are used & loved by
Ready to get started?
From Our Blog
ImageImageImage
GIF
ImageImage
How to convert Sketch to GIF
Image
ImageImage
How to Design Animations with Sketch
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
ImageImage
State 1
State 2
1 Sec
ImageImageImageImage
1 Sec
ImageImageImageImage
ImageImage
Image
ImageImageImage
Image
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
.
ImageImage
The non-hand-waving tool to communicate interaction design
Image
Image
Designers
Image
Work in Sketch, End-to-End
Image
Create Animated Interactions
Image
Export Code, HTML / JS / CSS
Image
ImageImage
ImageImage
ImageImage
Image
ImageImageImage
ImageImage
Developers
Image
ImageImageImage
No more guess work.
Communicate through code
.
Image
No Dependencies.
Get Pure HTML / JS / CSS
Image
States, Transitions, & Actions Included
Image
CodePen, JSFiddle, or Inspect in Browser
Image
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
Image
Image
Image
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
© Anima App 2018
ImageImage
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
Image
Image
Image
ImageImageImageImage
ImageImage
Image
ImageImage
ImageImage
ImageImage
ImageImage
ImageImageImage
Image
Image
Image
ImageImage
Export Code
Image
ImageImage
ImageImage
Run