animation_create_timeline
Build and manage animation timelines using Framer Motion or GSAP to streamline UI/UX development, ensuring precise control over target elements, properties, duration, delay, and easing.
Instructions
Create animation timeline with Framer Motion or GSAP
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| animations | Yes | ||
| library | No | framer-motion |
Input Schema (JSON Schema)
{
"properties": {
"animations": {
"items": {
"properties": {
"delay": {
"type": "number"
},
"duration": {
"type": "number"
},
"easing": {
"type": "string"
},
"properties": {
"type": "object"
},
"target": {
"type": "string"
}
},
"type": "object"
},
"type": "array"
},
"library": {
"default": "framer-motion",
"enum": [
"framer-motion",
"gsap"
],
"type": "string"
}
},
"required": [
"animations"
],
"type": "object"
}