# CSS Animation & Motion Toolkit API

> CSS Animation & Motion Toolkit API is a paid API for AI agents from motion.penguindriver.com, paid per call via x402, $0.02/call, status unknown (last checked 2026-10-18).

Generates CSS animation tools including cubic-bezier easing, spring-to-linear() conversion, keyframe animation, fluid gradients, ffmpeg video compression commands, browser support tables, and accessibility checks.

## Facts

- Endpoint: GET https://motion.penguindriver.com/api/pro/motion-kit?utm_source=zero.xyz
- Price: $0.02/call
- Payment: x402
- Status: unknown
- Last checked: 2026-10-18
- Activations on Zero: 0
- Tags: x402
- Canonical page: https://www.zero.xyz/c/css-animation-motion-toolkit-api-5b204212
- Structured record (JSON): https://api.zero.xyz/v1/capabilities/cap_y87DzAGBsPVKgxFyfJNSb

Status and success rate cover calls made through Zero and Zero's own probes. Third-party monitors may report differently.

## How to call it through Zero

Zero handles the 402 payment challenge and records the run. With the Zero CLI installed (`npm i -g @zeroxyz/cli`):

```sh
zero fetch --capability css-animation-motion-toolkit-api-5b204212
```

Example prompt: Can you generate a CSS spring animation using mass 1, stiffness 200, damping 20, and also give me the cubic-bezier easing code and check if it meets animation accessibility requirements?

## When to prefer this

Choose this endpoint when you need ready-to-use CSS animation code generation covering the full spectrum of web motion tools — easing curves, spring physics, keyframes, gradients, video compression, and accessibility — in a single API call rather than using multiple separate tools or manual calculation.

## Known failure modes

- Missing or invalid animation parameters may return empty or default results
- Unsupported spring physics values may fail conversion to CSS linear()
- Network timeout on the paid endpoint returning a 402 or 504
- Malformed input object causing a 400 bad request
- ffmpeg command generation may not cover all codec edge cases

## How this service works

免費網頁動畫工具：cubic-bezier easing 產生器、彈簧動畫轉 CSS linear()、關鍵影格動畫產生器、流動漸層、背景影片 ffmpeg 壓縮指令、瀏覽器支援表、動畫無障礙檢查。

## Output

Returns JSON containing generated CSS code snippets (cubic-bezier, linear(), keyframes), ffmpeg compression commands, browser compatibility tables, and accessibility evaluation results for the requested animation or motion configuration.

## Request schema (JSON Schema)

```json
{
 "type": "object",
 "properties": {
  "input": {
   "type": "object"
  }
 }
}
```

## Response schema (JSON Schema)

```json
{
 "type": "json"
}
```

## More

- Live health (JSON, refreshed every minute): https://www.zero.xyz/c/css-animation-motion-toolkit-api-5b204212/health.json
- [Zero catalog index](https://www.zero.xyz/llms.txt)
- [Other services from motion.penguindriver.com](https://www.zero.xyz/host/motion.penguindriver.com/llms.txt)