Compact Multi-Element Keyframe Editor
Light Mode
Add boxes, select one, and edit its animation
+ Add Element
Clone Selected
Select element:
Animation name
Preset / Custom
— Select —
Slide In
Fade In
Pop
Spin
Custom
Duration
Delay
Iterations
Direction
normal
reverse
alternate
alternate-reverse
Fill mode
none
forwards
backwards
both
Timing function
Custom keyframes (use only if preset = Custom)
Apply & Play (selected element)
Save Config
Stop
Tip: Ctrl+Enter for quick Apply
Live Preview
Click a box to select • Drag to move
0%
25%
50%
75%
100%
Translate X
Translate Y
Rotate
Scale
Opacity
Play
Pause
Reset
Keyframes: 0
Export CSS
Export / Copy / Download
Export Selected
Export All
Copy
Download
Select element and animation name before Export