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
HI!
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.
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.