Our products are used & loved by
Backed by
Ready to get started?
From Our Blog
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.
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.
All your creations, from animations to interactions are saved right into your Sketch file.
Work in 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.
Communicate through code.
No Dependencies.
Get Pure HTML / JS / CSS
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.
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.
For example, a screen may have multiple buttons.
Nested Components
© Anima App 2018
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.
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
