Free
$0para siempre
Pruébalo con tu propio logo y personaje.
- Ideas de animación de logo (3 conceptos)
- Vista previa en pantallas de app
- Sin tarjeta
- 2 diseños con IA (logos o personajes)
- Funciona desde Claude, Cursor, Codex
- Soporte por email
Un animador de mascotas con IA que trabaja con la imagen que ya tienes: la mayoría de los generadores de mascotas con IA vuelven a dibujar tu personaje en cada fotograma, pero aquí se riggea y anima tu propio arte. El análisis asistido por IA encuentra su cabeza, ojos, brazos y accesorios, y luego nuestro motor riggea tu propio arte y anima estados de carga, éxito, error, pantallas vacías, saludos y reacciones de asistente en Rive, video, GIF y código.
Archivo de Rive en vivo
Este es el .riv real que entrega nuestro motor, reproduciéndose en tu navegador. Es la misma máquina de estados que controlas desde tu app con un input numérico y un trigger por cada reacción puntual.
Riggea tu arte actual y anima los estados que usa tu app (idle, loading, success, error, estado vacío), y luego publícalos como un archivo de Rive en el que tu código cambia de un estado a otro. Hazlo tú mismo en el editor de Rive o sube la mascota a un generador como Charmotion, que entrega 17 animaciones en Rive, video, GIF y código.
Usa plantillas prediseñadas si la mascota no tiene que ser tu propio personaje, anímala tú mismo en Rive o Lottie Creator, genera estados listos para tu app a partir de la imagen de tu mascota con una herramienta como Charmotion, usa IA de imagen a video para clips sueltos o contrata a un freelancer para un alcance pequeño y cerrado.
Alternativas a contratar un motion designer para tu mascota de marca
| Momento del producto | Animación | Tipo |
|---|---|---|
| Inicio de la app, header del sitio | launch → idle | se reproduce una vez |
| Esperando una solicitud | loading, thinking | loop |
| Guardado, pagado, completado | success | reacción puntual |
| Algo falló | error, sad | reacción puntual / loop |
| Bandeja vacía, aún no hay nada | sleeping | loop |
| Onboarding, bienvenida | wave, happy, enter | loop / reacción puntual |
| Notificación, consejo | attention | loop |
| Asistente de chat o de voz | listening, talking, yes, no | loop / reacción puntual |
Tu mascota se mantiene fiel a su diseño
Comprobaciones asistidas por IA deciden qué parte es una cabeza, un ojo o un brazo. El movimiento se riggea y se anima con keyframes en Rive a partir de tus propios píxeles o formas trazadas, así que lo que descargas es tu mascota en movimiento, no una imitación. Si le falta una cara que las animaciones necesitan, como triste, hablando o dormido, agregamos versiones a juego en su estilo y tú las apruebas primero. Las imágenes subidas nunca se usan para entrenar modelos.
¿Aún no tienes mascota? Diseña una con IA
En la app, elige Crear, Un personaje y luego Diseñar con IA. Responde cinco preguntas rápidas y nuestra IA dibuja un personaje plano, fácil de animar, que puedes animar como cualquier imagen subida. Los diseños con IA (logos o personajes) están incluidos en todos los planes (12 al mes en Starter, 40 en Todo en uno, 2 en total en Free) y nunca consumen un set.
MP4 Cada set
1080 × 1080 a 60 cuadros por segundo. Aquí: el saludo de Gummo, de un set entregado.
WebM y MOV transparentes Cada set
Incluye canal alfa, por eso se ve el fondo de cuadros. El MOV es HEVC con alfa para apps y editores de Apple.
GIF Cada set
Vistas previas ligeras para documentación, correo y chat. El loop “thinking” de Kiko.
Video de inicio en 9:16 Cada set
1080 × 1920 para historias y splash screens. La intro de inicio de Sizzle.
kiko.riv · 150 KB
Máquina de estados (state machine) de Rive Cada set
Un solo archivo pequeño en lugar de 17 videos. Es lo que hace funcionar la demo de la parte superior de esta página.
import { useRive, useStateMachineInput } from "@rive-app/react-canvas";
export function Kiko({ mood = 0 }) {
const { rive, RiveComponent } = useRive({
src: "/kiko.riv",
stateMachine: "CharacterStateMachine",
autoplay: true,
});
const input = useStateMachineInput(rive, "CharacterStateMachine", "mood");
if (input) input.value = mood; // 0 idle · 1 happy · 2 wave · 3 thinking · 4 sad · 5 loading …
return <RiveComponent style={{ width: 320, height: 320 }} />;
}
Código listo para pegar Cada set
Componentes para web, React y SwiftUI con el nombre de tu personaje.
| Formato | Especificaciones | Ideal para | Starter y Todo en uno |
|---|---|---|---|
| MP4 | 1080 × 1080, 60 fps, las 17 animaciones | Apps, redes sociales, presentaciones, videos de producto | Incluido |
| Video de inicio en 9:16 | MP4 de 1080 × 1920 | Stories, Reels, splash screens | Incluido |
| GIF | Vistas previas de 480 px, fondo sólido | Documentación, correo, chat, README | Incluido |
| Rive (.riv) | Vectorial; view model de Data Binding + inputs heredados: mood para los loops, triggers para las reacciones puntuales, máquina de estados launch | Apps y sitios interactivos (web, iOS, Android, Flutter) | Incluido |
| WebM con fondo transparente | VP9 con canal alfa, 1080 × 1080 | Overlays web sobre cualquier fondo | Incluido |
| MOV con fondo transparente | HEVC con canal alfa | Final Cut, Keynote, iOS, Safari | Incluido |
| Código | Componentes web (HTML), React y SwiftUI | Pega y publica | Incluido |
| Descargar todo (.zip) | Archivo Rive, código, README y pósters en un solo archivo | Entrega a tu equipo | Incluido |
| Exportación de video | MP4, GIF, WebM y MOV transparentes, 9:16: elige formatos y animaciones en la página del set, listos en alrededor de un minuto | Solo los videos que necesitas | Incluido |
| Asistentes de IA (MCP) | Claude, Cursor, VS Code y Codex | Diseña, anima y obtén enlaces de descarga en el chat | Incluido |
Los sets de personaje empiezan en Starter ($20/mes), con el .riv interactivo, el video transparente y el código que necesitan la mayoría de las apps, además de animaciones de logo. Precios en USD; Creem calcula los impuestos al pagar.
$0para siempre
Pruébalo con tu propio logo y personaje.
20 US$/mes
Para una app o un sitio web.
100 US$/mes
Para equipos y varias marcas.
Sí, con el archivo de Rive: define el número de mood para los loops y dispara un trigger como success o error para las reacciones puntuales. Los componentes de React y SwiftUI incluidos manejan ambas cosas.
Sí. El set incluye loops de listening, thinking y talking, además de reacciones yes y no, que corresponden directamente a los estados de un chat o de un agente de voz.
Sí. El rig mueve tus propios píxeles o formas trazadas; no se regenera nada. Las mascotas planas y de frente obtienen el movimiento más completo, incluidos saludos con el brazo y expresiones.
Sí, en todo el mundo y sin vencimiento, en apps, sitios web, anuncios y videos, incluso después de cancelar un plan mensual.
Los generadores gratis como Pixelcut crean imágenes fijas. El plan gratis de Charmotion incluye 2 diseños con IA, y la vista previa en /try es gratis: muestra tu propio personaje en pantallas reales de app antes de comprar. Los sets de personaje empiezan en $20 al mes.
Gratis, en tu navegador. Tu imagen se queda en tu dispositivo, a menos que pidas el clip animado corto.
Otras formas de usar Charmotion