Ir al contenido principal
Funciones

Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.

Calculadora de coste de IA

tarjetas animadas de diseño

Una calculadora de precios donde se arrastran los deslizadores de tokens por solicitud y solicitudes por día y el coste mensual sube en directo con las cifras por solicitud y por día.

Ideal para: precios de API de IA, estimaciones de uso y explicaciones de «cuánto va a costar».

Ajustes

Fuente
Tema
Tamaño
Ánimo

Formatos que pasaron el control de imagen

Calculadora de coste de IA
16:9
Calculadora de coste de IA
9:16
1:1
1:1

Lo que escribes

  • headline Headline beside the calculator (≤48)· obligatorio
  • model Model name on the calculator (≤20)· obligatorio
  • currency Currency symbol (≤3)· obligatorio
  • pricePerMillion Price per million tokens (≤200)· obligatorio
  • tokensFrom Tokens per request where the first slider starts (≤200000)· obligatorio
  • tokensTo Tokens per request where it ends (≤200000)· obligatorio
  • tokensMax Top of the tokens slider (≤200000)· obligatorio
  • requestsFrom Requests per day where the second slider starts (≤10000000)· obligatorio
  • requestsTo Requests per day where it ends (≤10000000)· obligatorio
  • requestsMax Top of the requests slider (≤10000000)· obligatorio
  • kicker Small line above the headline, or empty to hide (≤28)
  • theme The calculator's surfaces
  • motion A cursor drags the sliders, or they glide on their own

Una plantilla en código: gratis en todos los planes, sin créditos de IA.

Úsala en un vídeo

Lo que puedes cambiar:rushie.props.headlinerushie.props.modelrushie.props.currencyrushie.props.pricePerMillionrushie.props.tokensFromrushie.props.tokensTorushie.props.tokensMaxrushie.props.requestsFromrushie.props.requestsTorushie.props.requestsMaxrushie.props (others)
Para desarrolladores (MCP y JSON)

Esta es la escena exacta para enviar a create_animation (MCP): mantén la estructura, cambia las palabras y escribe la narración — la voz fija cuánto dura la escena. Pégala en update_storyboard con set_data para cambiar un vídeo que ya hiciste.

{
  "visual": "rushie",
  "heading": "AI cost calculator",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "ai-cost-calculator",
      "props": {
        "kicker": "Pricing calculator",
        "headline": "Know your AI bill before it lands",
        "model": "Northwind 3",
        "currency": "$",
        "pricePerMillion": 2.5,
        "tokensFrom": 1200,
        "tokensTo": 3000,
        "tokensMax": 4000,
        "requestsFrom": 2000,
        "requestsTo": 9000,
        "requestsMax": 12000,
        "theme": "dark",
        "motion": "cursor"
      }
    }
  }
}

Más animaciones de Funciones