AI Animation Generator

Generate custom CSS keyframe animations with AI for the Bannerify Figma plugin. Describe your animation and let ChatGPT or Claude create it for you.

Create Your Custom Bannerify Animation

Describe your animation idea below, then use ChatGPT or Claude to generate a ready-to-import JSON file.

After generating your animation via your AI chat tool:

  1. Copy the JSON output
  2. Save it as a .json file (e.g., "my-animation.json")
  3. Open Figma and launch the Bannerify plugin
  4. Go to the Custom Animations panel in the plugin
  5. Click "Import" and select your .json file
  6. Your custom animation will now appear in the timeline animation preset dropdowns

Built-in Animation Library

Browse 200+ pre-built animations for inspiration. Click "Use as AI Prompt" on any animation to use it as a starting point for creating your own variation. Learn how to use these animations in your Figma designs.

Accordion Collapse

Preview

Accordion Expand

Preview

Blink

Preview

Bob (Up & Down)

Preview

Bounce Bottom

Preview

Bounce In (Down)

Preview

Bounce In (Up)

Preview

Bounce Left

Preview

Bounce Out (Down)

Preview

Bounce Out (Up)

Preview

Bounce Right

Preview

Bounce Rotate In

Preview

Bounce Rotate Out

Preview

Bounce Scale

Preview

Bounce Top

Preview

Carousel Rotate Left

Preview

Carousel Rotate Right

Preview

Drop In

Preview

Explode In

Preview

Explode Out

Preview

Fade In

Preview

Fade In Bottom

Preview

Fade In Left

Preview

Fade In Right

Preview

Fade In Top

Preview

Fade Out

Preview

Fade Out Bottom

Preview

Fade Out Left

Preview

Fade Out Right

Preview

Fade Out Top

Preview

Flicker

Preview

Flicker Fade

Preview

Flicker In

Preview

Flicker Out

Preview

Flip Horizontal

Preview

Flip In Horizontal

Preview

Flip In Vertical

Preview

Flip Out Horizontal

Preview

Flip Out Vertical

Preview

Flip Vertical

Preview

Glitch In

Preview

Hang (Down & Up)

Preview

Heartbeat

Preview

Instant Hide

Preview

Instant Show

Preview

Jello Horizontal

Preview

Jello Vertical

Preview

Morph Squeeze

Preview

Origami Fold

Preview

Origami Unfold

Preview

Page Curl In

Preview

Page Curl Out

Preview

Pan In Bottom

Preview

Pan In Bottom Left

Preview

Pan In Bottom Right

Preview

Pan In Left

Preview

Pan In Right

Preview

Pan In Top

Preview

Pan In Top Left

Preview

Pan In Top Right

Preview

Pan Out Bottom

Preview

Pan Out Bottom Left

Preview

Pan Out Bottom Right

Preview

Pan Out Left

Preview

Pan Out Right

Preview

Pan Out Top

Preview

Pan Out Top Left

Preview

Pan Out Top Right

Preview

Ping

Preview

Ping Pong

Preview

Pop

Preview

Puff In

Preview

Puff Out

Preview

Pulsate (Down)

Preview

Pulsate (Up)

Preview

Pulse

Preview

Pulse Grow

Preview

Pulse In (Down)

Preview

Pulse In (Up)

Preview

Pulse Out (Down)

Preview

Pulse Out (Up)

Preview

Pulse Shrink

Preview

Push

Preview

Roll In Bottom

Preview

Roll In Left

Preview

Roll In Right

Preview

Roll In Top

Preview

Roll Out Bottom

Preview

Roll Out Left

Preview

Roll Out Right

Preview

Roll Out Top

Preview

Rotate -90°

Preview

Rotate 360°

Preview

Rotate 360° Down

Preview

Rotate 360° Up

Preview

Rotate 90°

Preview

Rotate In -45°

Preview

Rotate In 360°

Preview

Rotate In 45°

Preview

Rotate Out -45°

Preview

Rotate Out 360°

Preview

Rotate Out 45°

Preview

Scale Down

Preview

Scale Fade Down In

Preview

Scale Fade Down Out

Preview

Scale Fade Up In

Preview

Scale Fade Up Out

Preview

Scale In (Up)

Preview

Scale In X (Center)

Preview

Scale In X (Left)

Preview

Scale In X (Right)

Preview

Scale Out (Down)

Preview

Scale Out X (Center)

Preview

Scale Out X (Left)

Preview

Scale Out X (Right)

Preview

Scale Up

Preview

Shake Bottom

Preview

Shake Horizontal

Preview

Shake Left

Preview

Shake Right

Preview

Shake Top

Preview

Shake Vertical

Preview

Skew In Left

Preview

Skew In Right

Preview

Slide In Bottom

Preview

Slide In Left

Preview

Slide In Right

Preview

Slide In Top

Preview

Slide Out Bottom

Preview

Slide Out Left

Preview

Slide Out Right

Preview

Slide Out Top

Preview

Spiral In

Preview

Spiral Out

Preview

Squash In

Preview

Squash Out

Preview

Stamp

Preview

Stretch In Horizontal

Preview

Stretch Out Horizontal

Preview

Swirl In (Down)

Preview

Swirl In (Up)

Preview

Swirl Out (Down)

Preview

Swirl Out (Up)

Preview

Tilt In Forward Left

Preview

Tilt In Forward Right

Preview

Vibrate (High)

Preview

Vibrate (Low)

Preview

Vibrate (Medium)

Preview

Wave

Preview

Wobble Bottom

Preview

Wobble Horizontal

Preview

Wobble Left

Preview

Wobble Right

Preview

Wobble Top

Preview

Wobble Vertical

Preview

Zoom Pan Left

Preview

Zoom Pan Right

Preview