motion
studio
A Ship69 tool by Neelesh ↗
Element
▣
Button
▤
Card
◫
Modal
◉
Badge
◧
Toast
◎
Avatar
Effect
Fade In
Slide Up
Slide Down
Scale
Bounce
Blur In
Flip
Shake
Easing
ease
ease-in
ease-out
ease-in-out
linear
spring
snappy
sharp
Timing
Duration
400ms
Delay
0ms
Iteration
Once
2×
3×
Loop
▶ Replay Animation
button · fade-in · 400ms
Get Started →
Design System
Your tokens, components, and patterns — all in one place.
View docs →
Confirm action
✕
This will permanently delete the file. This action cannot be undone.
Cancel
Delete
Design
Active
Review
✓
Changes saved
Your project has been updated.
N
S
A
M
4 collaborators online
animation:
ms-fade
400ms
ease
0ms
1
both
Copy CSS
Motion Reasoning
waiting
⚡
Pick an element and animation,
then hit Analyse to get AI
reasoning on why it works.