Set Component Animation
design_set_animationAnimate UI components with entry and hover effects, controlling duration, delay, and easing curve for real-time preview in the dashboard.
Instructions
Set animation for a component. The client dashboard will play the animation in real-time.
Animation entries: fadeUp, fadeIn, scaleIn, slideRight, slideLeft, slideUp, spring Curves: ease, easeOut, easeInOut, spring, linear, bounce
Args:
component_id (string): Component to animate
entry (string, optional): Entry animation type
hover (string, optional): Hover animation type (scaleUp, lift, glow)
duration (number, optional): Duration in seconds (0.1 - 3.0). Default: 0.3
delay (number, optional): Delay in seconds (0 - 3.0). Default: 0
curve (string, optional): Easing curve. Default: 'easeOut'
Example:
design_set_animation(component_id="comp_123", entry="fadeUp", duration=0.5, delay=0.2, curve="spring")
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| curve | No | Easing curve (ease, easeOut, spring, etc.) | |
| delay | No | Delay in seconds | |
| entry | No | Entry animation (fadeUp, fadeIn, scaleIn, slideRight, etc.) | |
| hover | No | Hover animation (scaleUp, lift, glow) | |
| duration | No | Duration in seconds | |
| component_id | Yes | Component ID |