# Animated stat card (1080x1080)
**Use case:**
Render a 6-second, 1080×1080 MP4 where your number counts up inside a filling ring, then your caption and logo settle in. Made for milestone posts on X, LinkedIn and Instagram. Edit the CONFIG block at the top of the HTML (value, label, caption, brand, colour) and run. Rendered by MP4 Renderer for HyperFrames, about $0.13 per run.
## Input
```json
{
"html": "\n\n\n\n\nAnimated stat card\n\n\n\n\n\n
\n \n \n
0
users
\n
Thanks for building with us
\n
\n \n Your App\n
\n
\n\n\n\n",
"entryFile": "index.html",
"format": "mp4",
"fps": 30,
"quality": "standard",
"variables": {}
}
```
## Output
```json
{
"videoUrl": {
"label": "MP4",
"format": "string"
},
"durationSeconds": {
"label": "Duration (s)",
"format": "number"
},
"width": {
"label": "Width",
"format": "integer"
},
"height": {
"label": "Height",
"format": "integer"
},
"fps": {
"label": "FPS",
"format": "integer"
},
"quality": {
"label": "Quality",
"format": "string"
},
"frameUnits": {
"label": "frames-30 events",
"format": "integer"
},
"expectedChargeUsd": {
"label": "Expected charge (USD)",
"format": "number"
},
"sizeBytes": {
"label": "Size (bytes)",
"format": "integer"
},
"renderTimeMs": {
"label": "Render time (ms)",
"format": "integer"
},
"warnings": {
"label": "Warnings",
"format": "array"
}
}
```
## How it works
### 1. Sign up on Apify or log in
The MP4 Renderer for HyperFrames (Unofficial) Actor is ready to run with the inputs already set for "Animated stat card (1080x1080)". [Sign up or log in](https://console.apify.com/create-task-from-example/dRTj5k9262olCwp4u) and you'll land in Apify Console with a copy of this exact task.
### 2. Start the "Animated stat card (1080x1080)" task
The MP4 Renderer for HyperFrames (Unofficial) Actor will start running based on the input automatically. You can also change all the input fields, like inline html, entry file (zip only), and more, to match your specific use case.
### 3. Receive the "Animated stat card (1080x1080)" output
Monitor the progress in real time. You will be notified as soon as your dataset is complete and ready for review. Each result includes data such as MP4, duration (s), width, and more.
### 4. Integrate into your workflow
The final output is delivered in JSON, CSV, or Excel format, ready to be plugged into your workflow. You can also [run the "Animated stat card (1080x1080)" task via API](https://apify.com/optimdex/hyperframes-render.md).
## About this Actor
This example demonstrates how to use [MP4 Renderer for HyperFrames (Unofficial)](https://apify.com/optimdex/hyperframes-render.md) with a specific input configuration. Visit the [Actor detail page](https://apify.com/optimdex/hyperframes-render.md) to learn more, explore other use cases, and run it yourself.
## How to integrate an Actor?
This Task's input is already configured above. Use it as-is rather than inventing a new one.
Do not guess an integration path. Every one of them is in the agent quickstart at https://apify.com/agents.md: the Apify MCP server, Agent Skills with the Apify CLI, the JavaScript and Python clients, the REST API, and the account-free path for an agent with no human to sign in. It also carries the rule on stating cost before the first paid run.
For full API examples (JavaScript, Python, CLI, MCP, OpenAPI), see this Task's Actor page: https://apify.com/optimdex/hyperframes-render.md
Each client library has reference documentation the quickstart does not restate: [JavaScript/TypeScript](https://docs.apify.com/api/client/js/docs.md) (`npm install apify-client`) and [Python](https://docs.apify.com/api/client/python/docs.md) (`pip install apify-client`).