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
Sube una imagen de tu mascota y recibe su set de expresiones como animaciones: happy, sad, thinking, sleeping, talking y cinco estados de ánimo más, además de las reacciones success, error, yes, no, enter y exit. Cada una mueve tu propio arte, así que la cara, los colores y las proporciones nunca cambian de una expresión a otra, como suele pasar cuando una herramienta de imágenes con IA vuelve a dibujar al personaje.
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.
| Expresión | Tipo | Uso habitual |
|---|---|---|
| idle | loop | Estado en reposo, pantalla principal |
| happy, wave | loop | Bienvenida, onboarding, buenas noticias |
| thinking, loading | loop | Procesando algo, esperando |
| sad | loop | Estado fallido, racha perdida |
| listening, talking | loop | Asistentes de chat y de voz |
| sleeping | loop | Pantallas vacías, todavía sin contenido |
| attention | loop | Consejos, recordatorios, notificaciones |
| success, error | reacción puntual | Guardado, pagado o algo salió mal |
| yes, no | reacción puntual | Respuestas, confirmaciones |
| enter, exit | reacción puntual | Aparecer y salir |
| launch | intro | Unos 2.6 s, termina en reposo (idle) |
Por qué nada cambia
Las herramientas de imagen con IA generan cada expresión como una imagen nueva, así que los ojos, los colores y los accesorios cambian entre una y otra. Aquí cada expresión se anima con keyframes a partir de la misma imagen subida, y cualquier cara que le falte a tu dibujo se agrega en su estilo para que la apruebes. El arte plano y de frente recibe expresiones faciales y saludos con el brazo; el arte 3D o detallado conserva sus píxeles exactos en el modo Motion y muestra el estado de ánimo con squash, inclinación, saltos y parpadeos. Más en por qué la animación con IA cambia tu personaje.
No incluido en la hoja
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 |
Cada set incluye el .riv y el código, y exporta cada expresión como MP4, GIF, video 9:16 y WebM y MOV transparentes bajo demanda, desde Starter ($20/mes). 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í. Cada expresión se anima a partir de la misma imagen subida, así que los colores, contornos, proporciones y accesorios se mantienen como están dibujados. Si a tu dibujo le falta una cara que el set necesita, como triste, hablando o dormido, agregamos una boca u ojos cerrados a juego en su estilo, y tú los apruebas primero. Los generadores de imágenes crean cada expresión como una imagen nueva, por eso los personajes cambian entre una y otra.
Los archivos PNG no forman parte del set, pero puedes sacar una imagen fija de cualquier fotograma del MP4 o del GIF, por ejemplo con ffmpeg -ss 1 -i happy.mp4 -frames:v 1 happy.png. En un plan de pago, decodifica el WebM transparente con -c:v libvpx-vp9 antes de -i para obtener una imagen fija sin fondo.
Por ahora no. Todos los sets tienen las mismas 17 animaciones, lo que mantiene el precio fijo y el contrato del código idéntico para cada personaje. Si necesitas emociones a medida, contáctanos o encárgaselas a un animador freelance.
No. El set anima la pose de tu imagen, de frente al espectador; no inventa poses nuevas, vistas laterales ni una hoja de turnaround. Si tu mascota las necesita, dibújalas primero. Además, las vistas laterales y de tres cuartos se animan peor que una vista frontal.
Siguen tu ilustración: no se cambia el color ni el estilo de nada, así que si la imagen cumple tus guías de marca, también lo hace cada expresión. El estilo de movimiento no se ajusta por marca; si tus guías son estrictas, contáctanos antes de hacer tu pedido.
Gratis, en tu navegador. Tu imagen se queda en tu dispositivo, a menos que pidas el clip animado corto.
Otras formas de usar Charmotion